/*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

.bootstrap-timepicker {
    position: relative
}

    .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
        left: auto;
        right: 0
    }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
            left: auto;
            right: 12px
        }

        .bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
            left: auto;
            right: 13px
        }

    .bootstrap-timepicker .input-group-addon {
        cursor: pointer
    }

        .bootstrap-timepicker .input-group-addon i {
            display: inline-block;
            width: 16px;
            height: 16px
        }

.bootstrap-timepicker-widget.dropdown-menu {
    padding: 4px
}

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: inline-block
    }

    .bootstrap-timepicker-widget.dropdown-menu:before {
        border-bottom: 7px solid rgba(0,0,0,.2);
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        position: absolute
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 6px solid #fff;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        content: "";
        display: inline-block;
        position: absolute
    }

.bootstrap-timepicker-widget.timepicker-orient-left:before {
    left: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-left:after {
    left: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-right:before {
    right: 6px
}

.bootstrap-timepicker-widget.timepicker-orient-right:after {
    right: 7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:before {
    top: -7px
}

.bootstrap-timepicker-widget.timepicker-orient-top:after {
    top: -6px
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid #999
}

.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff
}

.bootstrap-timepicker-widget a.btn, .bootstrap-timepicker-widget input {
    border-radius: 4px
}

.bootstrap-timepicker-widget table {
    width: 100%;
    margin: 0
}

    .bootstrap-timepicker-widget table td {
        text-align: center;
        height: 30px;
        margin: 0;
        padding: 2px
    }

        .bootstrap-timepicker-widget table td:not(.separator) {
            min-width: 30px
        }

        .bootstrap-timepicker-widget table td span {
            width: 100%
        }

        .bootstrap-timepicker-widget table td a {
            border: 1px solid transparent;
            width: 100%;
            display: inline-block;
            margin: 0;
            padding: 8px 0;
            outline: 0;
            color: #333
        }

            .bootstrap-timepicker-widget table td a:hover {
                text-decoration: none;
                background-color: #eee;
                border-radius: 4px;
                border-color: #ddd
            }

            .bootstrap-timepicker-widget table td a i {
                margin-top: 2px;
                font-size: 18px
            }

        .bootstrap-timepicker-widget table td input {
            width: 25px;
            margin: 0;
            text-align: center
        }

.bootstrap-timepicker-widget .modal-content {
    padding: 4px
}

@media (min-width:767px) {
    .bootstrap-timepicker-widget.modal {
        width: 200px;
        margin-left: -100px
    }
}

@media (max-width:767px) {
    .bootstrap-timepicker, .bootstrap-timepicker .dropdown-menu {
        width: 100%
    }
}

@keyframes a {
    0% {
        transform: translateY(-20%) translateX(-10%)
    }

    to {
        transform: translateY(0) translateX(10%)
    }
}

@keyframes b {
    0% {
        transform: translateY(0) translateX(10%)
    }

    to {
        transform: translateY(-20%) translateX(-10%)
    }
}

.sy-box.sy-loading {
    background: url(/images/sy-loader.gif) 50% 50% no-repeat;
    background-size: 32px;
    min-height: 40px
}

    .sy-box.sy-loading .sy-pager, .sy-box.sy-loading .sy-slides-wrap {
        visibility: hidden
    }

.sy-slides-wrap {
    position: relative;
    height: 100%;
    width: 100%
}

    .sy-slides-wrap:hover .sy-controls {
        display: block
    }

.sy-slides-crop {
    overflow: hidden
}

.sy-list, .sy-slides-crop {
    height: 100%;
    width: 100%;
    position: absolute
}

.sy-list {
    list-style: none;
    margin: 0;
    padding: 0
}

    .sy-list.horizontal {
        transition: left ease
    }

    .sy-list.vertical {
        transition: top ease
    }

.sy-slide {
    position: absolute;
    width: 100%;
    z-index: 2
}

    .sy-slide.kenburns {
        width: 140%;
        left: -20%
    }

        .sy-slide.kenburns.useCSS {
            transition-property: opacity
        }

            .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
                animation-name: a;
                animation-fill-mode: forwards
            }

            .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
                animation-name: b;
                animation-fill-mode: forwards
            }

    .sy-slide.sy-active {
        z-index: 3
    }

    .sy-slide > img {
        border: 0
    }

    .sy-slide > a, .sy-slide > a > img, .sy-slide > img {
        margin: 0;
        padding: 0;
        display: block;
        width: 100%
    }

        .sy-slide > a > img {
            border: 0
        }

.sy-controls {
    display: none;
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0
}

    .sy-controls, .sy-controls li {
        height: 100%;
        position: absolute
    }

        .sy-controls li {
            width: 10%;
            min-width: 4.2em;
            z-index: 6
        }

            .sy-controls li.sy-prev {
                left: 0;
                top: 0
            }

                .sy-controls li.sy-prev a:after {
                    background-position: -5% 0
                }

            .sy-controls li.sy-next {
                right: 0;
                top: 0
            }

                .sy-controls li.sy-next a:after {
                    background-position: 105% 0
                }

            .sy-controls li a {
                position: relative;
                width: 100%;
                height: 100%;
                display: block;
                text-indent: -9999px
            }

                .sy-controls li a:link, .sy-controls li a:visited {
                    opacity: .4
                }

                .sy-controls li a:focus, .sy-controls li a:hover {
                    opacity: .8;
                    outline: none
                }

                .sy-controls li a:after {
                    content: "";
                    background-image: url(/images/arrows.svg);
                    background-repeat: no-repeat;
                    background-size: cover;
                    text-align: center;
                    text-indent: 0;
                    line-height: 2.8em;
                    color: #111;
                    font-weight: 800;
                    position: absolute;
                    background-color: #fff;
                    width: 2.8em;
                    height: 2.8em;
                    left: 50%;
                    top: 50%;
                    margin-top: -1.4em;
                    margin-left: -1.4em;
                    border-radius: 50%
                }

@media only screen and (max-device-width:600px) {
    .sy-controls {
        display: block
    }

        .sy-controls li {
            min-width: 2.1em
        }

            .sy-controls li a:after {
                width: 1.4em;
                height: 1.4em;
                margin-top: -.7em;
                margin-left: -.7em
            }
}

.sy-caption-wrap {
    position: absolute;
    bottom: 2em;
    z-index: 5;
    left: 50%
}

    .sy-caption-wrap .sy-caption {
        position: relative;
        left: -50%;
        background-color: rgba(0,0,0,.54);
        color: #fff;
        padding: .4em 1em;
        border-radius: 1.2em
    }

        .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
            color: #e24b70;
            font-weight: 600;
            text-decoration: none
        }

        .sy-caption-wrap .sy-caption a:focus, .sy-caption-wrap .sy-caption a:hover {
            text-decoration: underline
        }

@media only screen and (max-device-width:600px),screen and (max-width:600px) {
    .sy-caption-wrap {
        left: 0;
        bottom: .4em
    }

        .sy-caption-wrap .sy-caption {
            left: 0;
            padding: .2em .4em;
            font-size: .92em;
            border-radius: 0
        }
}

.sy-pager {
    clear: both;
    display: block;
    width: 100%;
    margin: 1em 0 0;
    padding: 0;
    list-style: none;
    text-align: center
}

    .sy-pager li {
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        margin: 0 1em 0 0;
        border-radius: 50%
    }

        .sy-pager li.sy-active a {
            background-color: #e24b70
        }

        .sy-pager li a {
            width: 100%;
            height: 100%;
            display: block;
            background-color: #ccc;
            text-indent: -9999px;
            background-size: 2em;
            border-radius: 50%
        }

            .sy-pager li a:link, .sy-pager li a:visited {
                opacity: 1
            }

            .sy-pager li a:focus, .sy-pager li a:hover {
                opacity: .6
            }

.sy-filler {
    width: 100%
}

    .sy-filler.ready {
        transition: padding .6s ease
    }

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        touch-action: manipulation;
        -moz-backface-visibility: hidden
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        -webkit-transform: translateZ(0)
    }

    .owl-carousel .owl-item, .owl-carousel .owl-wrapper {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0)
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        width: 50%;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%
        }

    .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
        display: none
    }

    .owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
        background: none;
        color: inherit;
        border: none;
        padding: 0 !important;
        font: inherit
    }

    .owl-carousel.owl-loaded {
        display: block
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block
    }

    .owl-carousel.owl-hidden {
        opacity: 0
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden
    }

    .owl-carousel.owl-drag .owl-item {
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab
    }

    .owl-carousel.owl-rtl {
        direction: rtl
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right
        }

.no-js .owl-carousel {
    display: block
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: c
}

@keyframes c {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

    .owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
        max-height: 0
    }

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

    .owl-carousel .owl-video-play-icon:hover {
        transform: scale(1.3)
    }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel .owl-nav {
    width: 100%;
    position: absolute;
    z-index: 7;
    color: #fff;
    bottom: 99px
}

    .owl-carousel .owl-nav i {
        font-size: 26px
    }

    .owl-carousel .owl-nav button.owl-next {
        margin-left: 10px
    }

    .owl-carousel .owl-nav button {
        transition: all .3s ease-in-out
    }

        .owl-carousel .owl-nav button:hover {
            color: #444
        }

        .owl-carousel .owl-nav button:focus {
            outline-style: none
        }

.owl-theme .owl-nav {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-nav [class*=owl-] {
        color: #fff;
        font-size: 14px;
        margin: 5px;
        padding: 4px 7px;
        background: #d6d6d6;
        display: inline-block;
        cursor: pointer;
        border-radius: 3px
    }

        .owl-theme .owl-nav [class*=owl-]:hover {
            background: #869791;
            color: #fff;
            text-decoration: none
        }

    .owl-theme .owl-nav .disabled {
        opacity: .5;
        cursor: default
    }

        .owl-theme .owl-nav.disabled + .owl-dots {
            margin-top: 10px
        }

.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

    .owl-theme .owl-dots .owl-dot {
        display: inline-block;
        zoom: 1;
        *display: inline
    }

        .owl-theme .owl-dots .owl-dot span {
            width: 10px;
            height: 10px;
            margin: 5px 7px;
            background: #d6d6d6;
            display: block;
            -webkit-backface-visibility: visible;
            transition: opacity .2s ease;
            border-radius: 30px
        }

        .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
            background: #869791
        }

@font-face {
    font-family: core-sans-thin;
    src: url(../fonts/core-sans-cr-15-thin.ttf) format("truetype");
    font-style: normal
}

@font-face {
    font-family: core-sans-light;
    src: url(../fonts/core-sans-cr-35-light.ttf) format("truetype");
    font-style: normal
}

@font-face {
    font-family: core-sans-regular;
    src: url(../fonts/core-sans-cr-45-regular.ttf) format("truetype");
    font-style: normal
}

@font-face {
    font-family: core-sans-medium;
    src: url(../fonts/core-sans-cr-55-medium.ttf) format("truetype");
    font-style: normal
}

@font-face {
    font-family: core-sans-bold;
    src: url(../fonts/core-sans-cr-65-bold.ttf) format("truetype");
    font-style: normal
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1;
    margin: 0 auto
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

table {
    border-collapse: collapse;
    border-spacing: 0
}

body, html {
    font-family: core-sans-regular;
    font-size: 1rem;
    line-height: 1.618;
    font-variant-ligatures: common-ligatures;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern";
    font-kerning: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media (max-width:640px) {
    body, html {
        font-size: 14px
    }
}

.tbl-calendar {
    width: 100%;
    margin-bottom: 16px
}

    .tbl-calendar > thead > tr > th {
        text-align: left
    }

    .tbl-calendar > thead > tr:last-child > th {
        padding: 16px 0 8px
    }

    .tbl-calendar > tbody > tr > td {
        padding-bottom: 8px;
        width: 32px;
        text-align: center
    }

.datepicker > .datepicker-reminder {
    line-height: 1.618;
    color: #da2145;
    font-size: 12px
}

:focus, select:active, select:focus, select:hover {
    outline: 0
}

.pick-seat-hide {
    display: none
}

.pick-seat-show {
    display: unset
}

.clear {
    clear: both
}

.disabled {
    background-color: #fff;
    color: #ccc;
    cursor: default
}

#modal-manage-bookings, #modalTerms, #myModal, #privacy-policy-popup, #terminal-directory-modal, #terms {
    overflow: auto
}

#modal-rebooking {
    overflow: auto;
    overflow-x: hidden
}

#modalEmergencyAlert, #privacy-policy-popup-covid {
    overflow: auto
}

    #privacy-policy-popup-covid .modal-body {
        padding: 40px 40px 0
    }

.divider {
    width: 100%;
    height: 1px;
    background: rgba(0,0,0,.21)
}

.header-contact {
    width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: flex-end;
    padding: 0 32px;
    padding: 12px 0
}

    .header-contact > .contact-label {
        font-family: core-sans-medium;
        font-size: .875rem;
        line-height: 1.618;
        font-weight: 500;
        color: #ec2027;
        vertical-align: middle
    }

        .header-contact > .contact-label[data-preamble]:after {
            font-family: core-sans-light;
            font-size: .875rem;
            line-height: 1.618;
            content: attr(data-preamble);
            font-weight: 400;
            color: #000
        }

        .header-contact > .contact-label > .phone-icon {
            position: relative;
            top: 2px
        }

    .header-contact > .btn-sign {
        background: linear-gradient(90deg,#e0163d,#a51451);
        font-family: core-sans-medium;
        font-size: .875rem;
        line-height: 1.618;
        font-weight: 500;
        transition: all .3s ease-in-out;
        border-radius: 3px;
        padding: 2px 12px;
        color: #fff;
        text-decoration: none;
        margin: 0 0 0 16px
    }

        .header-contact > .btn-sign:hover {
            cursor: pointer;
            color: #fff
        }

.header {
    width: 1100px;
    margin: 0 auto;
    padding: 12px 0;
    display: flex;
    justify-content: space-between;
    vertical-align: middle
}

    .header > .logo {
        max-width: 607px;
        height: 104px;
        position: relative;
        width: 100%;
        background-image: url(../images/Logo/vli-logo.png);
        background-size: contain;
        background-repeat: no-repeat;
        outline: 0
    }

    .header > .nav {
        display: block;
        margin-top: 18px
    }

        .header > .nav #toggle {
            position: absolute;
            visibility: hidden
        }

            .header > .nav #toggle:checked ~ .menu {
                top: 0
            }

        .header > .nav .menu {
            background: #002331;
            width: 469px;
            position: absolute;
            top: -110%;
            right: 0;
            z-index: 8;
            transition: top .6s cubic-bezier(.17,.04,.03,.94)
        }

            .header > .nav .menu li {
                border-top: 1px solid #006a92;
                padding-right: 64px
            }

                .header > .nav .menu li > .menu-item {
                    width: 100%;
                    color: #fff;
                    text-decoration: none;
                    display: block;
                    padding: 18px 0;
                    font-family: core-sans-thin;
                    font-size: 1.5rem;
                    line-height: 1.618;
                    transition: all .3s ease-in-out
                }

                    .header > .nav .menu li > .menu-item.-active, .header > .nav .menu li > .menu-item:hover {
                        color: #ec2027
                    }

                .header > .nav .menu li > .close:hover {
                    cursor: pointer
                }

                .header > .nav .menu li:not(:first-child) {
                    text-align: right
                }

                .header > .nav .menu li:first-child {
                    padding: 28px 24px
                }

        .header > .nav img {
            vertical-align: middle
        }

        .header > .nav > .hamburger-menu {
            display: block
        }

            .header > .nav > .hamburger-menu[data-preamble]:before {
                content: attr(data-preamble);
                font-family: core-sans-light;
                font-size: 1.25rem;
                line-height: 1.618;
                color: #0a3d52;
                margin-right: 16px;
                position: relative;
                top: 5px
            }

            .header > .nav > .hamburger-menu:hover {
                cursor: pointer
            }

.hero-banner {
    position: relative
}

    .hero-banner li {
        position: unset
    }

        .hero-banner li > .hero-banner-content {
            width: 1100px;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto
        }

    .hero-banner > li {
        position: absolute
    }

.hero-banner-content > .banner-title {
    font-family: core-sans-thin;
    font-size: 1rem;
    line-height: 1.618;
    font-size: 1.45rem;
    color: #fff;
    margin: 120px 0 32px 148px
}

.hero-banner-content > .banner-button {
    background: linear-gradient(90deg,#e0163d,#a51451);
    transition: all .3s ease-in-out;
    border-radius: 3px;
    padding: 8px 24px;
    text-decoration: none;
    margin: 0 0 0 148px
}

.hero-banner-content > .banner-button, .hero-banner-content > .location-text {
    font-family: core-sans-medium;
    font-size: 1.125rem;
    line-height: 1.618;
    font-weight: 500;
    color: #fff
}

.hero-banner-content > .location-text {
    display: block;
    text-align: right;
    margin-top: 40px
}

.booking-group {
    width: 1100px;
    margin: 0 auto;
    padding: 32px 0
}

    .booking-group > .trip {
        display: flex;
        margin-bottom: 16px
    }

        .booking-group > .trip .custom-radio-button {
            position: relative
        }

            .booking-group > .trip .custom-radio-button > .radio-type {
                opacity: 0;
                position: absolute;
                width: 100%;
                height: 100%;
                cursor: pointer
            }

            .booking-group > .trip .custom-radio-button > .text {
                font-family: core-sans-medium;
                font-size: 1rem;
                line-height: 1.618;
                font-weight: 500;
                color: #da2145;
                padding-left: 16px
            }

            .booking-group > .trip .custom-radio-button > .radio-type + label:before {
                content: "";
                width: 12px;
                height: 12px;
                display: inline-block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                margin: auto 0
            }

            .booking-group > .trip .custom-radio-button > .radio-type:not(:checked) + label:before {
                background-color: red;
                background: url(../images/Icons/button-unchecked.png) 50%/contain no-repeat;
                margin-right: 8px
            }

            .booking-group > .trip .custom-radio-button > .radio-type:checked + label:before {
                background-color: blue;
                background: url(../images/Icons/button-checked.png) 50%/contain no-repeat;
                margin-right: 8px
            }

        .booking-group > .trip > .custom-radio-button:first-child {
            margin-right: 18px
        }

.booking-panel {
    display: grid;
    -ms-flex-pack: justify;
    justify-content: space-between;
    grid-template-columns: repeat(20,1fr);
    grid-column-gap: 20px
}

    .booking-panel > .dropdown {
        width: 100%;
        color: rgba(0,0,0,.5);
        background-color: #fff;
        position: relative;
        cursor: pointer;
        border: 1px solid #dedede;
        grid-column: span 4
    }

        .booking-panel > .dropdown:after {
            background: url(../images/Icons/caret-down.png) 50%/contain no-repeat;
            content: "";
            position: absolute;
            width: 15px;
            height: auto;
            right: 20px;
            top: 2px;
            bottom: 0;
            margin: auto 0
        }

        .booking-panel > .dropdown > .dropdown-list {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            border-radius: 3px;
            border: none;
            padding: 10px 44px 10px 8px;
            width: 100%;
            cursor: pointer;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            color: rgba(0,0,0,.5)
        }

    .booking-panel > .booking-date-holder {
        grid-column: span 5
    }

    .booking-panel > .passenger {
        grid-column: span 4
    }

    .booking-panel > .button-panel {
        grid-column: span 3
    }

.alert.alert-danger {
    font-family: core-sans-light;
    font-size: .875rem;
    line-height: 1.618;
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    border-radius: 3px;
    padding: 10px;
    padding-left: 84px
}

.datepicker-dropdown {
    width: auto;
    padding: 24px;
    background: #fff;
    border: 1px solid #e0e0e0;
    cursor: pointer;
    box-shadow: 0 10px 10px -10px rgba(0,0,0,.2);
    border-radius: 4px;
    position: absolute;
    z-index: 4
}

.booking-date-holder {
    width: 100%;
    margin-top: 11px;
    position: relative
}

    .booking-date-holder .return, .booking-date-holder > .depart {
        display: inline-block
    }

        .booking-date-holder .return > input[type=text], .booking-date-holder > .depart > input[type=text] {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            cursor: pointer;
            border: none;
            width: 108px
        }

        .booking-date-holder > .depart input[type=text] {
            color: #da2145;
            text-align: right
        }

        .booking-date-holder > .depart > input[type=text]::-webkit-input-placeholder {
            color: #da2145;
            opacity: 1 !important
        }

        .booking-date-holder > .depart > input[type=text]:-moz-placeholder, .booking-date-holder > .depart > input[type=text]::-moz-placeholder {
            color: #da2145;
            opacity: 1 !important
        }

        .booking-date-holder > .depart > input[type=text]:-ms-input-placeholder {
            color: #da2145;
            opacity: 1 !important
        }

    .booking-date-holder > .return > input[type=text]::-webkit-input-placeholder {
        color: #000;
        opacity: 1 !important
    }

    .booking-date-holder > .return > input[type=text]:-moz-placeholder, .booking-date-holder > .return > input[type=text]::-moz-placeholder {
        color: #000;
        opacity: 1 !important
    }

    .booking-date-holder > .return > input[type=text]:-ms-input-placeholder {
        color: #000;
        opacity: 1 !important
    }

    .booking-date-holder > .line {
        height: 1px;
        width: 100%;
        background: #000;
        position: absolute;
        bottom: 0
    }

.passenger {
    margin-top: 11px;
    text-align: center
}

    .passenger > strong {
        color: #da2145;
        font-family: core-sans-medium;
        font-size: 1rem;
        line-height: 1.618;
        font-weight: 500;
        margin-right: 8px
    }

    .passenger > .add-passenger {
        background-image: url(../images/Icons/btn-plus.png);
        background-size: contain;
        background-repeat: no-repeat
    }

    .passenger > .txt-count {
        font-family: core-sans-medium;
        font-size: 1rem;
        line-height: 1.618;
        font-weight: 500;
        margin: 0 4px
    }

    .passenger > .subtract-passenger {
        background-image: url(../images/Icons/btn-minus.png);
        background-size: contain;
        background-repeat: no-repeat
    }

    .passenger > input[type=button] {
        border: none;
        background-color: hsla(0,0%,100%,0);
        cursor: pointer
    }

.button-panel > .btn-book {
    background: linear-gradient(90deg,#e0163d,#a51451);
    font-family: core-sans-medium;
    font-size: 1.125rem;
    line-height: 1.618;
    font-weight: 500;
    transition: all .3s ease-in-out;
    border-radius: 3px;
    width: 100%;
    border: none;
    color: #fff;
    padding: 8px 0;
    cursor: pointer
}

.manage-my-booking-panel {
    width: 1100px;
    margin: 0 auto;
    padding: 0 0 32px;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .manage-my-booking-panel > .reminders-panel {
        width: 75%;
        margin-right: 40px
    }

        .manage-my-booking-panel > .reminders-panel > strong {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            color: #da2145;
            margin-bottom: 12px
        }

        .manage-my-booking-panel > .reminders-panel > p {
            font-family: core-sans-light;
            font-size: 1rem;
            color: #919090;
            line-height: 1.618
        }

    .manage-my-booking-panel > .manage-my-booking-button-holder {
        width: 25%
    }

        .manage-my-booking-panel > .manage-my-booking-button-holder > .manage-my-booking-button {
            background: -webkit-linear-gradient(45deg,#202020,#505050);
            border-radius: 3px;
            transition: all .3s ease-in-out;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            text-decoration: none;
            color: #fff;
            padding: 8px 16px;
            text-align: center;
            display: block;
            margin-top: 44px
        }

.modal-dialog.manage-my-booking-modal {
    width: 560px
}

.manage-booking-modal-header.modal-header {
    position: relative;
    padding: 0
}

    .manage-booking-modal-header.modal-header > .close {
        position: absolute;
        top: -35px;
        right: -48px
    }

    .manage-booking-modal-header.modal-header > .modal-title {
        font-family: core-sans-light;
        font-size: 1.25rem;
        line-height: 1.618;
        background: #d41541;
        color: #fff;
        text-transform: unset;
        padding: 18px 0
    }

.manage-booking-modal-content.modal-content {
    margin-top: 80px
}

.tab-group > .tabs {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

    .tab-group > .tabs > li {
        background: #0a3d52;
        color: #fff;
        padding: 12px 0;
        cursor: pointer;
        font-size: 15px;
        justify-content: space-between;
        width: 50%;
        text-align: center;
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618
    }

    .tab-group > .tabs > .current {
        background: #fff;
        color: #000
    }

.tab-group > .tab-content {
    display: none;
    background: #fff;
    padding: 32px
}

    .tab-group > .tab-content.current {
        display: inherit
    }

    .tab-group > .tab-content > .manage-my-booking-label {
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        color: #000;
        display: block
    }

    .tab-group > .tab-content > .manage-my-booking-note {
        font-family: core-sans-light;
        font-size: 1rem;
        line-height: 1.618;
        font-size: .9375rem;
        font-style: italic;
        color: #d41541;
        display: block
    }

    .tab-group > .tab-content > .form-panel > input[type=text], .tab-group > .tab-content > input[type=text] {
        padding: 8px 10px;
        width: 100%;
        border: 1px solid hsla(0,0%,7%,.5);
        box-sizing: border-box;
        padding: 10px 14px;
        margin: 8px 0 16px;
        font-family: core-sans-light;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.5)
    }

    .tab-group > .tab-content > .manage-my-booking-submit-button {
        display: flex;
        justify-content: flex-end
    }

        .tab-group > .tab-content > .manage-my-booking-submit-button > input[type=submit] {
            background: linear-gradient(90deg,#e0163d,#a51451);
            transition: all .3s ease-in-out;
            border-radius: 3px;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            color: #fff;
            border: 1px solid #ec2027;
            padding: 10px 16px;
            cursor: pointer
        }

    .tab-group > .tab-content > #divErrMessageManageBookings > .manage-booking-error, .tab-group > .tab-content > #divErrMessagePrintVoucher > .manage-booking-error {
        font-family: core-sans-light;
        font-size: .875rem;
        line-height: 1.618;
        color: #a94442;
        background-color: #f2dede;
        border: 1px solid #ebccd1;
        border-radius: 3px;
        padding: 10px;
        margin-bottom: 16px
    }

    .tab-group > .tab-content > .form-panel {
        position: relative
    }

        .tab-group > .tab-content > .form-panel > span {
            position: absolute;
            bottom: -8px;
            left: 16px;
            font-size: 14px;
            color: #d41541
        }

        .tab-group > .tab-content > .form-panel > .manage-my-booking-note {
            font-family: core-sans-light;
            font-size: 1rem;
            line-height: 1.618;
            font-size: .9375rem;
            font-style: italic;
            color: #d41541;
            display: block
        }

.modal-dialog.privacy-policy-popup {
    width: 900px
}

    .modal-dialog.privacy-policy-popup > .modal-content {
        margin-top: 80px
    }

.privacy-notice-modal-header.modal-header {
    position: relative;
    padding: 0
}

    .privacy-notice-modal-header.modal-header > .close {
        position: absolute;
        top: -35px;
        right: -48px
    }

    .privacy-notice-modal-header.modal-header > .modal-title {
        font-family: core-sans-light;
        font-size: 1.25rem;
        line-height: 1.618;
        background: #d41541;
        color: #fff;
        text-transform: unset;
        padding: 18px 0;
        font-weight: 400
    }

    .privacy-notice-modal-header.modal-header > .modal-title-footerTitle {
        font-family: core-sans-light;
        font-size: 1.05rem;
        line-height: 0.6;
        background: #d41541;
        color: #fff;
        text-transform: unset;
        padding: 21px 0;
        font-weight: 400
    }



    .privacy-notice-modal-header.modal-header.terminals > .img-holder {
        width: 100%
    }

        .privacy-notice-modal-header.modal-header.terminals > .img-holder > img {
            max-width: 100%
        }

.privacy-policy-popup > .modal-content > .modal-body {
    padding: 40px 40px 0
}

    .privacy-policy-popup > .modal-content > .modal-body > strong {
        font-family: core-sans-medium;
        font-size: 1.125rem;
        line-height: 1.618;
        font-weight: 500;
        color: #000;
        font-weight: 400;
        margin-bottom: 16px;
        display: block
    }

    .privacy-policy-popup > .modal-content > .modal-body > p {
        font-family: core-sans-light;
        font-size: 1rem;
        line-height: 1.618;
        color: #000;
        margin-bottom: 16px
    }

    .privacy-policy-popup > .modal-content > .modal-body > ol {
        margin-bottom: 16px
    }

        .privacy-policy-popup > .modal-content > .modal-body > ol[data-preamble]:before {
            content: attr(data-preamble);
            font-family: core-sans-light;
            font-size: 1rem;
            line-height: 1.618;
            color: #000;
            display: block
        }

        .privacy-policy-popup > .modal-content > .modal-body > ol > li {
            font-family: core-sans-light;
            font-size: 1rem;
            line-height: 1.618;
            color: #000
        }

.privacy-policy-popup > .modal-content > .modal-footer {
    text-align: center;
    border: none;
    padding: 40px 0 56px
}

    .privacy-policy-popup > .modal-content > .modal-footer > .privacy-policy-popups-btn-close {
        background: linear-gradient(90deg,#e0163d,#a51451);
        border-radius: 3px;
        padding: 12px 16px;
        color: #fff;
        text-decoration: none
    }

.privacy-policy-popup.covid-popup > .modal-content > .modal-body {
    max-height: 880px;
    padding: 0
}

    .privacy-policy-popup.covid-popup > .modal-content > .modal-body .img-covid {
        max-width: 100%;
        width: 100%;
    }

.privacy-policy-popup.covid-popup > .modal-content .modal-title {
    font-family: core-sans-bold;
    font-size: 1.05rem;
    line-height: 0.6
}

.privacy-policy-popup.covid-popup > .modal-content .modal-title-footerTitle {
    font-family: core-sans-bold;
    font-size: 1.05rem;
    line-height: 0.6;
    cursor: pointer;
}


.privacy-policy-popup.photo-content-modal > .modal-content > .modal-body {
    padding: 0
}

    .privacy-policy-popup.photo-content-modal > .modal-content > .modal-body .img-content {
        max-width: 100%;
        width: 100%
    }

.modal-footer > .booking-terms > button {
    border: 1px solid #959595;
    transition: all .3s ease-in-out;
    border-radius: 3px;
    padding: 8px 16px;
    background: none;
    font-family: core-sans-regular;
    font-size: 1rem;
    line-height: 1.618;
    cursor: pointer
}

    .modal-footer > .booking-terms > button:hover {
        background: #df153c;
        color: #fff
    }

.featured-block {
    margin: 0 auto;
    padding: 40px 0 56px;
    background: #f7f7f7
}

    .featured-block > h1 {
        font-family: core-sans-thin;
        font-size: 2.5rem;
        line-height: 1.618;
        color: #ec2027;
        text-align: center;
        margin-bottom: 32px
    }

    .featured-block > .article-block {
        width: 1100px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between
    }

    .featured-block .article-block > .article-item {
        width: calc(25% - 8px);
        height: 285px;
        overflow: hidden;
        position: relative
    }

        .featured-block .article-block > .article-item > img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .featured-block .article-block > .article-item > .opacity-box {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.4);
            transition: all .3s ease-in-out
        }

            .featured-block .article-block > .article-item > .opacity-box:hover {
                background: rgba(0,0,0,.56)
            }

            .featured-block .article-block > .article-item > .opacity-box > .article-title {
                font-family: core-sans-thin;
                font-size: 1.25rem;
                line-height: 1.618;
                color: #fff;
                position: absolute;
                z-index: 2;
                left: 0;
                right: 0;
                top: calc(50% - 24px);
                text-align: center;
                width: 80%;
                margin: 0 auto
            }

    .featured-block > .button-panel {
        width: 1100px;
        margin: 0 auto
    }

        .featured-block > .button-panel > a {
            transition: all .3s ease-in-out;
            border-radius: 3px;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            background: linear-gradient(90deg,#e0163d,#a51451);
            color: #fff;
            padding: 10px 16px;
            text-decoration: none;
            display: block;
            max-width: 120px;
            text-align: center;
            margin: 40px auto 0
        }

.stories-block {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

    .stories-block > .page-header {
        text-align: center;
        margin-bottom: 40px
    }

        .stories-block > .page-header > .page-title {
            font-family: core-sans-thin;
            font-size: 2.5rem;
            line-height: 1.618;
            color: #e0163d
        }

    .stories-block > .story-item-panel > .story-item {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%
    }

        .stories-block > .story-item-panel > .story-item:not(:last-of-type) {
            margin-bottom: 32px;
            padding-bottom: 32px;
            border-bottom: 1px solid #ddd
        }

        .stories-block > .story-item-panel > .story-item > .story-img-holder {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(32% - 32px);
            max-width: calc(32% - 32px);
            min-width: calc(32% - 32px);
            margin-right: 32px;
            width: 100%
        }

    .stories-block .story-item-panel > .story-item > .story-img-holder > img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .stories-block > .story-item-panel > .story-item > .story-excerpt {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(68% - 32px);
        max-width: calc(68% - 32px);
        min-width: calc(68% - 32px);
        margin-right: 0;
        padding-top: 24px
    }

        .stories-block > .story-item-panel > .story-item > .story-excerpt > h1 {
            font-family: core-sans-medium;
            font-size: 1.25rem;
            line-height: 1.618;
            font-weight: 500
        }

        .stories-block > .story-item-panel > .story-item > .story-excerpt > p {
            margin: 8px 0 32px
        }

        .stories-block > .story-item-panel > .story-item > .story-excerpt > .btn-story {
            transition: all .3s ease-in-out;
            border-radius: 3px;
            background: #df153c;
            color: #fff;
            text-decoration: none;
            padding: 10px 16px
        }

            .stories-block > .story-item-panel > .story-item > .story-excerpt > .btn-story:hover {
                background: #0a3d52
            }

    .stories-block > .pagination {
        display: flex;
        justify-content: flex-end;
        margin-top: 32px
    }

        .stories-block > .pagination > li {
            display: inline-block;
            background: #e0163d;
            margin: 0 4px
        }

            .stories-block > .pagination > li > a {
                color: #fff;
                position: relative;
                padding: 6px 12px;
                display: block;
                text-align: center;
                text-decoration: none
            }

footer {
    padding: 32px 0;
    background: #0a3d52
}

    footer > .footer-panel {
        width: 1100px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between
    }

        footer > .footer-panel > .footer-list:first-child, footer > .footer-panel > .footer-list:nth-child(2), footer > .footer-panel > .footer-list:nth-child(3) {
            width: 30%
        }

        footer > .footer-panel > .footer-list:nth-child(4) {
            width: 10%
        }

        footer > .footer-panel > .footer-list[data-preamble]:before {
            font-family: core-sans-medium;
            font-size: 1.25rem;
            line-height: 1.618;
            font-weight: 500;
            content: attr(data-preamble);
            color: #fff;
            display: block;
            margin-bottom: 8px
        }

        footer > .footer-panel > .footer-list > li:not(:last-child) {
            margin-bottom: 8px
        }

        footer > .footer-panel > .footer-list > li > a {
            font-family: core-sans-thin;
            font-size: 1.25rem;
            line-height: 1.618;
            color: #fff;
            text-decoration: none;
            transition: all .3s ease-in-out
        }

            footer > .footer-panel > .footer-list > li > a:hover {
                color: #aaa
            }

    footer > .social-media-panel > .social-media-list {
        width: 1100px;
        margin: 0 auto;
        padding: 56px 0 0;
        text-align: center
    }

        footer > .social-media-panel > .social-media-list > li {
            display: inline-block
        }

            footer > .social-media-panel > .social-media-list > li > a {
                position: relative;
                top: 0;
                transition: all .3s ease-in-out
            }

                footer > .social-media-panel > .social-media-list > li > a:hover {
                    top: -8px
                }

            footer > .social-media-panel > .social-media-list > li > .social-fb {
                background: #fff;
                height: 50px;
                width: 50px;
                border-radius: 25px;
                position: relative;
                font-size: 1.5rem;
                display: block
            }

                footer > .social-media-panel > .social-media-list > li > .social-fb > i {
                    color: #0a3d52;
                    position: absolute;
                    left: calc(50% - 6px);
                    top: calc(50% - 12px)
                }

    footer .social-media-panel > .social-media-list > li > .social-tweet {
        background: #fff;
        height: 50px;
        width: 50px;
        border-radius: 25px;
        position: relative;
        margin: 0 16px;
        font-size: 1.5rem;
        display: block
    }

    footer > .social-media-panel > .social-media-list > li > .social-tweet > i {
        color: #0a3d52;
        position: absolute;
        left: calc(50% - 10px);
        top: calc(50% - 12px)
    }

    footer > .social-media-panel > .social-media-list > li > .social-ig {
        background: #fff;
        height: 50px;
        width: 50px;
        border-radius: 25px;
        position: relative;
        font-size: 1.5rem;
        display: block
    }

        footer > .social-media-panel > .social-media-list > li > .social-ig > i {
            color: #0a3d52;
            position: absolute;
            left: calc(50% - 11px);
            top: calc(50% - 12px)
        }

    footer > .company-address {
        width: 1100px;
        margin: 0 auto;
        font-family: core-sans-light;
        font-size: .875rem;
        line-height: 1.618;
        color: #fff;
        text-align: center;
        margin: 16px auto;
        font-weight: 400
    }

    footer > .copyright {
        width: 1100px;
        margin: 0 auto;
        text-align: center
    }

        footer > .copyright > li {
            display: inline-block;
            font-family: core-sans-light;
            font-size: .875rem;
            line-height: 1.618;
            color: #fff;
            font-weight: 400
        }

            footer > .copyright > li:first-child {
                margin-right: 16px
            }

            footer > .copyright > li:last-child > a {
                color: #fff;
                transition: all .3s ease-in-out
            }

                footer > .copyright > li:last-child > a:hover {
                    color: #aaa
                }

.step-panel {
    background: #e0163d;
    padding: 24px 0
}

    .step-panel > .step-guide {
        width: 1100px;
        margin: 0 auto;
        font-family: core-sans-light;
        font-size: 1.125rem;
        line-height: 1.618;
        display: block;
        color: #fff
    }

        .step-panel > .step-guide[data-preamble]:before {
            font-family: core-sans-bold;
            font-size: 1.125rem;
            line-height: 1.618;
            content: attr(data-preamble);
            font-weight: 400;
            margin-right: 8px
        }

.calendar-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .calendar-block > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item {
        height: 148px;
        width: 148px;
        position: relative;
        background: #f7f7f7;
        border: 1px solid rgba(0,0,0,.2);
        cursor: pointer
    }

        .calendar-block > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .cal-month > a {
            font-family: core-sans-bold;
            font-size: 1.75rem;
            line-height: 1.618;
            color: #555;
            display: block;
            line-height: 1.218;
            text-align: center;
            margin-top: 40px;
            cursor: pointer;
            text-decoration: none
        }

        .calendar-block > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item > .cal-day > a {
            font-family: core-sans-light;
            font-size: 1rem;
            line-height: 1.618;
            color: #555;
            font-size: 1.75rem;
            display: block;
            line-height: 1.218;
            text-align: center;
            cursor: pointer;
            text-decoration: none
        }

        .calendar-block > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item.active {
            background: #e0163d
        }

            .calendar-block > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item.active > .cal-day > a, .calendar-block > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item.active > .cal-month > a {
                color: #fff
            }

    .calendar-block > .owl-carousel > .owl-nav > .owl-prev {
        position: absolute;
        left: -72px
    }

        .calendar-block > .owl-carousel > .owl-nav > .owl-prev > .cal-caret-left {
            display: block;
            background: url(../images/Icons/angle-left.png) 50%/contain no-repeat;
            width: 38px;
            height: 51px
        }

    .calendar-block > .owl-carousel > .owl-nav > .owl-next {
        position: absolute;
        right: -72px
    }

        .calendar-block > .owl-carousel > .owl-nav > .owl-next > .cal-caret-right {
            background: url(../images/Icons/angle-right.png) 50%/contain no-repeat;
            width: 38px;
            height: 51px
        }

.booking-details {
    border-bottom: 1px solid #000;
    padding-bottom: 120px;
    width: 1100px;
    margin: 0 auto
}

    .booking-details > .route-panel {
        width: 1100px;
        margin: 0 auto;
        width: 100% !important
    }

        .booking-details > .route-panel h1 {
            font-family: core-sans-light;
            font-size: 2.5rem;
            line-height: 1.618;
            display: inline-block
        }

        .booking-details > .route-panel i {
            display: inline-block;
            color: #e0163d;
            font-size: 2.5rem;
            margin: 0 16px
        }

    .booking-details > .secondary-info-detail {
        width: 1100px;
        margin: 0 auto;
        width: 100% !important
    }

        .booking-details > .secondary-info-detail > label {
            font-family: core-sans-light;
            font-size: 1.25rem;
            line-height: 1.618;
            padding-top: 22px
        }

            .booking-details > .secondary-info-detail > label[data-preamble]:after {
                font-family: core-sans-light;
                font-size: 1.25rem;
                line-height: 1.618;
                content: attr(data-preamble);
                margin: 0 16px;
                color: #e0163d
            }

.schedule-block {
    width: 1100px;
    margin: 0 auto;
    width: 0 auto;
    position: relative
}

    .schedule-block > #divSchedule > .tbl-booking-schedule {
        width: 100%;
        position: relative;
        top: -67px
    }

        .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child {
            background: #f7f7f7
        }

            .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child > th {
                font-family: core-sans-light;
                font-size: 1.25rem;
                line-height: 1.618;
                font-weight: 400;
                text-align: left
            }

                .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child > th:first-child {
                    padding: 16px 0 16px 18px;
                    border: 1px solid rgba(0,0,0,.2);
                    border-right: none;
                    width: 25%
                }

                .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child > th:nth-child(2) {
                    border: 1px solid rgba(0,0,0,.2);
                    border-right: none;
                    border-left: none;
                    width: 25%
                }

                .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child > th:nth-child(3) {
                    border: 1px solid rgba(0,0,0,.2);
                    border-right: none;
                    border-left: none;
                    width: 20%
                }

                .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child > th:nth-child(4) {
                    border: 1px solid rgba(0,0,0,.2);
                    border-left: none;
                    width: 12%
                }

                .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child > th:nth-child(5) {
                    width: 18%
                }

                .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr:first-child > th:nth-child(n+5) {
                    display: none
                }

        .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr > td {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            padding: 16px 0;
            font-size: 1.25rem;
            border-bottom: 1px solid #000
        }

            .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr > td:first-child {
                padding: 16px 0 16px 16px
            }

            .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr > td:last-child {
                text-align: right;
                padding-right: 16px
            }

                .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr > td:last-child > .btnBookSchedule {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500;
                    transition: all .3s ease-in-out;
                    border-radius: 3px;
                    padding: 12px 26px;
                    background: #e0163d;
                    text-decoration: none;
                    color: #fff
                }

                    .schedule-block > #divSchedule > .tbl-booking-schedule > tbody > tr > td:last-child > .btnBookSchedule:hover {
                        background-color: #0a3d52
                    }

    .schedule-block > #divScheduleLoader {
        display: none;
        width: 100%;
        text-align: center;
        padding: 80px 0
    }

.passenger-info-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .passenger-info-block > .pass-info-form-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%
    }

        .passenger-info-block > .pass-info-form-group > .pass-info-form {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(50% - 45px);
            max-width: calc(50% - 45px);
            min-width: calc(50% - 45px);
            margin-right: 45px
        }

            .passenger-info-block > .pass-info-form-group > .pass-info-form:last-of-type {
                margin-right: 0;
                margin-left: 45px
            }

            .passenger-info-block > .pass-info-form-group > .pass-info-form > .data-form {
                position: relative
            }

                .passenger-info-block > .pass-info-form-group > .pass-info-form > .data-form > input[type=email], .passenger-info-block > .pass-info-form-group > .pass-info-form > .data-form > input[type=tel], .passenger-info-block > .pass-info-form-group > .pass-info-form > .data-form > input[type=text] {
                    font-family: core-sans-light;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    border-top: none;
                    border-left: none;
                    border-right: none;
                    border-bottom: 1px solid #000;
                    color: rgba(0,0,0,.5);
                    width: 100%;
                    padding: 10px 12px;
                    box-sizing: border-box;
                    margin-bottom: 32px
                }

                .passenger-info-block > .pass-info-form-group > .pass-info-form > .data-form > label {
                    font-family: core-sans-light;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    color: #000
                }

                    .passenger-info-block > .pass-info-form-group > .pass-info-form > .data-form > label > .required {
                        color: #e0163d;
                        margin-right: 4px
                    }

                .passenger-info-block > .pass-info-form-group > .pass-info-form > .data-form > .required-field {
                    font-family: core-sans-light;
                    font-size: .875rem;
                    line-height: 1.618;
                    color: #e0163d;
                    position: absolute;
                    top: 4px;
                    right: 0
                }

    .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%
    }

        .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(50% - 45px);
            max-width: calc(50% - 45px);
            min-width: calc(50% - 45px);
            margin-right: 45px
        }

            .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form:last-of-type {
                margin-right: 0;
                margin-left: 45px
            }

            .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form {
                position: relative
            }

                .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > input[type=email], .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > input[type=tel], .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > input[type=text] {
                    font-family: core-sans-light;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    border-top: none;
                    border-left: none;
                    border-right: none;
                    border-bottom: 1px solid #000;
                    color: rgba(0,0,0,.5);
                    width: 100%;
                    padding: 10px 12px;
                    box-sizing: border-box;
                    margin-bottom: 32px
                }

                .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > label {
                    font-family: core-sans-light;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    color: #000
                }

                    .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > label > .required {
                        color: #e0163d;
                        margin-right: 4px
                    }

                .passenger-info-block > #PaymentPassengerInfo1Content_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > .required-field {
                    font-family: core-sans-light;
                    font-size: .875rem;
                    line-height: 1.618;
                    color: #e0163d;
                    position: absolute;
                    top: 4px;
                    right: 0
                }

    .passenger-info-block > .btn-additional-pass {
        font-family: core-sans-medium;
        font-size: 1rem;
        line-height: 1.618;
        font-weight: 500;
        transition: all .3s ease-in-out;
        border-radius: 3px;
        padding: 12px 26px;
        background: #e0163d;
        text-decoration: none;
        color: #fff;
        margin: 40px 0 72px;
        display: inline-block
    }

    .passenger-info-block > .form-footer-panel {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

        .passenger-info-block > .form-footer-panel > .pass-info-button > input[type=submit] {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            border-radius: 3px;
            padding: 12px 26px;
            background: #e0163d;
            text-decoration: none;
            color: #fff;
            display: inline-block;
            border: none;
            cursor: pointer
        }

            .passenger-info-block > .form-footer-panel > .pass-info-button > input[type=submit]:hover {
                background-color: #0a3d52
            }

        .passenger-info-block > .form-footer-panel > .booking-back-button {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            color: #e0163d;
            text-decoration: none;
            margin-top: 10px;
            margin-left: 0
        }

            .passenger-info-block > .form-footer-panel > .booking-back-button > i {
                margin-right: 8px
            }

            .passenger-info-block > .form-footer-panel > .booking-back-button:hover {
                margin-left: 8px
            }

    .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%
    }

        .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(50% - 45px);
            max-width: calc(50% - 45px);
            min-width: calc(50% - 45px);
            margin-right: 45px
        }

            .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form:last-of-type {
                margin-right: 0;
                margin-left: 45px
            }

            .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form {
                position: relative
            }

                .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > input[type=email], .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > input[type=tel], .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > input[type=text] {
                    font-family: core-sans-light;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    border-top: none;
                    border-left: none;
                    border-right: none;
                    border-bottom: 1px solid #000;
                    color: rgba(0,0,0,.5);
                    width: 100%;
                    padding: 10px 12px;
                    box-sizing: border-box;
                    margin-bottom: 32px
                }

                .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > label {
                    font-family: core-sans-light;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    color: #000
                }

                    .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > label > .required {
                        color: #e0163d;
                        margin-right: 4px
                    }

                .passenger-info-block > #PaymentPassengerInfoContent_divAdditionalPassengers > .pass-info-form-group > .pass-info-form > .data-form > .required-field {
                    font-family: core-sans-light;
                    font-size: .875rem;
                    line-height: 1.618;
                    color: #e0163d;
                    position: absolute;
                    top: 4px;
                    right: 0
                }

    .passenger-info-block > #PaymentPassengerInfoContent_divAnnotation {
        margin-bottom: 40px
    }

        .passenger-info-block > #PaymentPassengerInfoContent_divAnnotation > .alert.alert-danger {
            padding: 16px 16px 16px 24px
        }

body.active-modal {
    overflow-y: hidden
}

.pick-seat-block {
    width: 1100px;
    margin: 0 auto
}

    .pick-seat-block #modalPickSeats {
        position: fixed;
        top: 0;
        left: 0;
        background: #000;
        background: rgba(0,0,0,.3);
        height: 100%;
        width: 100%;
        z-index: 10;
        overflow: auto
    }

        .pick-seat-block #modalPickSeats .modal-holder {
            background: #fff;
            width: 900px;
            margin: 80px auto;
            position: relative;
            padding: 16px
        }

            .pick-seat-block #modalPickSeats .modal-holder > .route-panel {
                width: 1100px;
                margin: 0 auto;
                width: 100% !important
            }

                .pick-seat-block #modalPickSeats .modal-holder > .route-panel h1 {
                    font-family: core-sans-light;
                    font-size: 2.5rem;
                    line-height: 1.618;
                    display: inline-block
                }

                .pick-seat-block #modalPickSeats .modal-holder > .route-panel i {
                    display: inline-block;
                    color: #e0163d;
                    font-size: 2.5rem;
                    margin: 0 16px
                }

            .pick-seat-block #modalPickSeats .modal-holder > .close {
                position: absolute;
                right: -38px;
                top: -38px
            }

            .pick-seat-block #modalPickSeats .modal-holder > .route-panel {
                margin: 40px 0 12px;
                text-align: center
            }

            .pick-seat-block #modalPickSeats .modal-holder > .secondary-info-detail {
                width: 1100px;
                margin: 0 auto;
                width: 100% !important
            }

                .pick-seat-block #modalPickSeats .modal-holder > .secondary-info-detail > label {
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    padding-top: 22px
                }

                    .pick-seat-block #modalPickSeats .modal-holder > .secondary-info-detail > label[data-preamble]:after {
                        font-family: core-sans-light;
                        font-size: 1.25rem;
                        line-height: 1.618;
                        content: attr(data-preamble);
                        margin: 0 16px;
                        color: #e0163d
                    }

            .pick-seat-block #modalPickSeats .modal-holder > .secondary-info-detail {
                margin-bottom: 40px;
                text-align: center
            }

            .pick-seat-block #modalPickSeats .modal-holder > #divPlan {
                margin: 0 auto;
                width: 300px
            }

                .pick-seat-block #modalPickSeats .modal-holder > #divPlan > .front-seat {
                    display: flex;
                    flex-wrap: wrap;
                    flex-direction: row;
                    width: 100%;
                    justify-content: space-between
                }

                    .pick-seat-block #modalPickSeats .modal-holder > #divPlan > .front-seat > #divConductor, .pick-seat-block #modalPickSeats .modal-holder > #divPlan > .front-seat > #divDriver {
                        background: #6dbaf8;
                        color: #fff;
                        border: 1px solid #000;
                        width: 100%;
                        padding: 12px 0;
                        text-align: center;
                        border-radius: 8px;
                        max-width: 110px;
                        margin-bottom: 8px
                    }

                    .pick-seat-block #modalPickSeats .modal-holder > #divPlan > .front-seat > #divConductor {
                        margin-right: 8px
                    }

                .pick-seat-block #modalPickSeats .modal-holder > #divPlan > #divSeatPlan {
                    display: flex;
                    flex-wrap: wrap;
                    flex-direction: row;
                    width: 100%;
                    justify-content: space-between
                }

                    .pick-seat-block #modalPickSeats .modal-holder > #divPlan > #divSeatPlan > .btn-seat {
                        background: #fff;
                        color: #000;
                        border: 1px solid #000;
                        width: 100%;
                        padding: 8px 0;
                        text-align: center;
                        display: block;
                        border-radius: 8px;
                        max-width: 50px;
                        margin-bottom: 8px;
                        text-decoration: none
                    }

                        .pick-seat-block #modalPickSeats .modal-holder > #divPlan > #divSeatPlan > .btn-seat.seat-crew {
                            background: #ffd300;
                            color: #fff
                        }

                        .pick-seat-block #modalPickSeats .modal-holder > #divPlan > #divSeatPlan > .btn-seat.seat-selected {
                            background: #10a800;
                            color: #fff
                        }

                        .pick-seat-block #modalPickSeats .modal-holder > #divPlan > #divSeatPlan > .btn-seat.seat-booked {
                            background: #df153c;
                            color: #fff
                        }

                    .pick-seat-block #modalPickSeats .modal-holder > #divPlan > #divSeatPlan > .spacing {
                        margin: 0 25px;
                        margin-bottom: 8px
                    }

                .pick-seat-block #modalPickSeats .modal-holder > #divPlan > .btn-save-pick-seat {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500;
                    transition: all .3s ease-in-out;
                    border-radius: 3px;
                    padding: 10px 0;
                    width: 98%;
                    margin-top: 24px;
                    background: #e0163d;
                    text-decoration: none;
                    color: #fff;
                    display: inline-block;
                    border: none;
                    cursor: pointer
                }

                    .pick-seat-block #modalPickSeats .modal-holder > #divPlan > .btn-save-pick-seat:hover {
                        background-color: #0a3d52
                    }

                .pick-seat-block #modalPickSeats .modal-holder > #divPlan > #divSaveSeatAnnotation {
                    text-align: center;
                    margin-top: 16px
                }

            .pick-seat-block #modalPickSeats .modal-holder > .legend-panel {
                width: 1100px;
                margin: 0 auto;
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%;
                justify-content: space-between;
                margin: 40px 0 64px
            }

                .pick-seat-block #modalPickSeats .modal-holder > .legend-panel > .legend-item {
                    display: inline-block;
                    vertical-align: middle
                }

                    .pick-seat-block #modalPickSeats .modal-holder > .legend-panel > .legend-item > .legend-square {
                        height: 16px;
                        width: 16px;
                        border: 1px solid #b2b2b2;
                        display: inline-block;
                        position: relative;
                        top: 3px;
                        margin-right: 16px
                    }

                    .pick-seat-block #modalPickSeats .modal-holder > .legend-panel > .legend-item > label {
                        display: inline-block;
                        font-family: core-sans-light;
                        font-size: 1rem;
                        line-height: 1.618
                    }

                    .pick-seat-block #modalPickSeats .modal-holder > .legend-panel > .legend-item:first-child > .legend-square {
                        background: #ffd300
                    }

                    .pick-seat-block #modalPickSeats .modal-holder > .legend-panel > .legend-item:nth-child(2) > .legend-square {
                        background: #df153c
                    }

                    .pick-seat-block #modalPickSeats .modal-holder > .legend-panel > .legend-item:nth-child(3) > .legend-square {
                        background: #10a800
                    }

                    .pick-seat-block #modalPickSeats .modal-holder > .legend-panel > .legend-item:nth-child(4) > .legend-square {
                        background: #fff
                    }

    .pick-seat-block.movon-seat-plan #modalPickSeats {
        position: relative;
        background: #fff;
        height: 100%;
        width: 100%;
        z-index: 10;
        overflow: auto
    }

        .pick-seat-block.movon-seat-plan #modalPickSeats .modal-holder {
            margin: 0 auto
        }

.ticket-block {
    background: #f7f7f7;
    padding: 40px 0
}

    .ticket-block > .ticket-panel {
        width: 1100px;
        margin: 0 auto
    }

        .ticket-block > .ticket-panel > .ticket-details {
            padding: 32px;
            border: 1px solid #959595;
            background: #fff
        }

            .ticket-block > .ticket-panel > .ticket-details > .route-panel > h1 {
                font-family: core-sans-light;
                font-size: 2rem;
                line-height: 1.618;
                display: inline-block
            }

            .ticket-block > .ticket-panel > .ticket-details > .route-panel > i {
                color: #df153c;
                margin: 0 16px;
                font-size: 2rem
            }

            .ticket-block > .ticket-panel > .ticket-details > .ticket-data {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%;
                justify-content: space-between;
                margin-top: 16px;
                align-items: baseline
            }

                .ticket-block > .ticket-panel > .ticket-details > .ticket-data > label {
                    font-family: core-sans-light;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    font-weight: 600
                }

                .ticket-block > .ticket-panel > .ticket-details > .ticket-data > .schedule-data[data-preamble]:after {
                    content: attr(data-preamble);
                    text-transform: uppercase
                }

                .ticket-block > .ticket-panel > .ticket-details > .ticket-data > .date-data[data-preamble]:before, .ticket-block > .ticket-panel > .ticket-details > .ticket-data > .pass-data[data-preamble]:before, .ticket-block > .ticket-panel > .ticket-details > .ticket-data > .time-data[data-preamble]:before {
                    content: attr(data-preamble);
                    font-weight: 400
                }

                .ticket-block > .ticket-panel > .ticket-details > .ticket-data > .btn-pick-seat {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500;
                    transition: all .3s ease-in-out;
                    border-radius: 3px;
                    padding: 12px 26px;
                    background: #e0163d;
                    text-decoration: none;
                    color: #fff;
                    display: inline-block;
                    border: none;
                    cursor: pointer
                }

                    .ticket-block > .ticket-panel > .ticket-details > .ticket-data > .btn-pick-seat:hover {
                        background-color: #0a3d52
                    }

.pick-seat-footer-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .pick-seat-footer-block > .form-footer-panel {
        width: 100%;
        display: flex;
        justify-content: space-between
    }

        .pick-seat-footer-block > .form-footer-panel > .pass-info-button > input[type=submit] {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            border-radius: 3px;
            padding: 12px 26px;
            background: #e0163d;
            text-decoration: none;
            color: #fff;
            display: inline-block;
            border: none;
            cursor: pointer
        }

            .pick-seat-footer-block > .form-footer-panel > .pass-info-button > input[type=submit]:hover {
                background-color: #0a3d52
            }

        .pick-seat-footer-block > .form-footer-panel > .booking-back-button {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            color: #e0163d;
            text-decoration: none;
            margin-top: 10px;
            margin-left: 0
        }

            .pick-seat-footer-block > .form-footer-panel > .booking-back-button > i {
                margin-right: 8px
            }

            .pick-seat-footer-block > .form-footer-panel > .booking-back-button:hover {
                margin-left: 8px
            }

        .pick-seat-footer-block > .form-footer-panel > .pass-info-button > .btn-pick {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            border-radius: 3px;
            padding: 12px 26px;
            background: #e0163d;
            text-decoration: none;
            color: #fff;
            display: inline-block;
            border: none;
            cursor: pointer
        }

            .pick-seat-footer-block > .form-footer-panel > .pass-info-button > .btn-pick:hover {
                background-color: #0a3d52
            }

.charges-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(60% - 24px);
            max-width: calc(60% - 24px);
            min-width: calc(60% - 24px);
            margin-right: 48px
        }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details {
                padding: 32px;
                border: 1px solid #959595;
                background: #fff
            }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .summary-note {
                font-family: core-sans-light;
                font-size: .875rem;
                line-height: 1.618;
                margin-top: 16px
            }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .route-panel > h1 {
                font-family: core-sans-light;
                font-size: 2rem;
                line-height: 1.618;
                display: inline-block
            }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .route-panel > i {
                color: #df153c;
                margin: 0 16px;
                font-size: 2rem
            }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .ticket-data {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%
            }

                .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .ticket-data > .left-part > label {
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    display: block;
                    margin-top: 8px
                }

                    .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .ticket-data > .left-part > label > span {
                        font-weight: 600
                    }

                .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .ticket-data > .right-part > label {
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    display: block;
                    margin-top: 8px
                }

                    .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .ticket-data > .right-part > label > span {
                        font-weight: 600
                    }

                .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .ticket-data > .left-part {
                    flex-grow: 0;
                    flex-shrink: 0;
                    flex-basis: calc(50% - 24px);
                    max-width: calc(50% - 24px);
                    min-width: calc(50% - 24px);
                    margin-right: 24px
                }

                .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .ticket-panel > .ticket-details > .ticket-data > .right-part {
                    flex-grow: 0;
                    flex-shrink: 0;
                    flex-basis: calc(50% - 0px);
                    max-width: calc(50% - 0px);
                    min-width: calc(50% - 0px);
                    margin-right: 0
                }

        .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(40% - 27px);
            max-width: calc(40% - 27px);
            min-width: calc(40% - 27px);
            margin-right: 0;
            background: #f7f7f7;
            position: relative;
            border: 1px solid #959595;
            padding-bottom: 16px;
            margin-bottom: 32px
        }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .fare-title {
                width: 100%;
                background: #df153c;
                color: #fff;
                text-align: center;
                font-family: core-sans-light;
                font-size: 2rem;
                line-height: 1.618;
                font-weight: 400;
                padding: 8px 0
            }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .label-fare {
                font-family: core-sans-medium;
                font-size: 1.125rem;
                line-height: 1.618;
                font-weight: 500;
                display: block;
                padding: 16px 16px 0
            }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .fare-data {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%;
                justify-content: space-between;
                box-sizing: border-box;
                padding: 0 16px
            }

                .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .fare-data > label {
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    margin-top: 4px
                }

                    .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .fare-data > label:first-child {
                        flex-grow: 0;
                        flex-shrink: 0;
                        flex-basis: calc(65% - 24px);
                        max-width: calc(65% - 24px);
                        min-width: calc(65% - 24px);
                        margin-right: 24px
                    }

                    .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .fare-data > label:nth-child(2) {
                        flex-grow: 0;
                        flex-shrink: 0;
                        flex-basis: calc(35% - 24px);
                        max-width: calc(35% - 24px);
                        min-width: calc(35% - 24px);
                        margin-right: 24px;
                        margin-right: 0;
                        text-align: right
                    }

                    .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .fare-data > label.total-red {
                        color: #df153c
                    }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .divider {
                margin: 16px 0;
                background: rgba(0,0,0,.5)
            }

            .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .total-fare-data {
                padding: 0 16px 16px;
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%;
                justify-content: space-between;
                box-sizing: border-box
            }

                .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .total-fare-data > label {
                    flex-grow: 0;
                    flex-shrink: 0;
                    flex-basis: calc(35% - 24px);
                    max-width: calc(35% - 24px);
                    min-width: calc(35% - 24px);
                    margin-right: 24px;
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    margin-right: 0
                }

                .charges-block > #PaymentSummaryChargesContent_divSummaryOfCharges > #divSummaryCharges > .ticket-group > .fare-panel > .total-fare-data > .label-total-fare {
                    font-family: core-sans-medium;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    font-weight: 500;
                    flex-grow: 0;
                    flex-shrink: 0;
                    flex-basis: calc(65% - 24px);
                    max-width: calc(65% - 24px);
                    min-width: calc(65% - 24px);
                    margin-right: 24px
                }

    .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .filler {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(60% - 24px);
            max-width: calc(60% - 24px);
            min-width: calc(60% - 24px);
            margin-right: 0
        }

            .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .filler > p {
                position: relative;
                top: -64px
            }

        .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(40% - 75px);
            max-width: calc(40% - 75px);
            min-width: calc(40% - 75px);
            margin-right: 0;
            padding: 24px;
            background: #f7f7f7;
            border: 1px solid #959595;
            text-align: left
        }

            .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data > .label-total-fare {
                font-family: core-sans-medium;
                font-size: 1.25rem;
                line-height: 1.618;
                font-weight: 500
            }

            .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .txt-promo-code {
                font-family: core-sans-light;
                font-size: 1.125rem;
                line-height: 1.618;
                border-top: none;
                border-left: none;
                border-right: none;
                border-bottom: 1px solid #000;
                color: rgba(0,0,0,.5);
                width: 100%;
                padding: 10px 12px;
                box-sizing: border-box;
                margin-bottom: 32px;
                display: inline-block;
                width: 60%
            }

            .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .btn-apply-promo-code {
                font-family: core-sans-medium;
                font-size: 1rem;
                line-height: 1.618;
                font-weight: 500;
                transition: all .3s ease-in-out;
                border-radius: 3px;
                padding: 12px 26px;
                background: #e0163d;
                text-decoration: none;
                color: #fff;
                display: inline-block;
                border: none;
                cursor: pointer;
                width: 32%
            }

                .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .btn-apply-promo-code:hover {
                    background-color: #0a3d52
                }

            .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .fare-data {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%;
                justify-content: space-between;
                box-sizing: border-box;
                padding: 0
            }

                .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .fare-data > label {
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    margin-top: 4px
                }

                    .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .fare-data > label:first-child {
                        flex-grow: 0;
                        flex-shrink: 0;
                        flex-basis: calc(65% - 24px);
                        max-width: calc(65% - 24px);
                        min-width: calc(65% - 24px);
                        margin-right: 24px
                    }

                    .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .fare-data > label:nth-child(2) {
                        flex-grow: 0;
                        flex-shrink: 0;
                        flex-basis: calc(35% - 24px);
                        max-width: calc(35% - 24px);
                        min-width: calc(35% - 24px);
                        margin-right: 24px;
                        margin-right: 0;
                        text-align: right
                    }

                    .charges-block #PaymentSummaryChargesContent_divSummaryOfCharges > .total-group > .total-fare-data .fare-data > label.total-red {
                        color: #df153c
                    }

.payment-footer-block {
    width: 1100px;
    margin: 0 auto
}

    .payment-footer-block .payment-footer {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        padding: 40px 0
    }

        .payment-footer-block .payment-footer > p {
            font-family: core-sans-regular;
            font-size: 1rem;
            line-height: 1.618;
            margin-top: 14px
        }

            .payment-footer-block .payment-footer > p > #btnAccept {
                font-family: core-sans-medium;
                font-size: 1rem;
                line-height: 1.618;
                font-weight: 500;
                color: #0a3d52;
                border-bottom: 1px solid #919090;
                transition: all .3s ease-in-out
            }

                .payment-footer-block .payment-footer > p > #btnAccept:hover {
                    color: #df153c
                }

        .payment-footer-block .payment-footer > .btn-holder > .btnpaynamics {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            border-radius: 3px;
            padding: 12px 26px;
            background: #e0163d;
            text-decoration: none;
            color: #fff;
            display: inline-block;
            border: none;
            cursor: pointer;
            border-radius: 12px
        }

            .payment-footer-block .payment-footer > .btn-holder > .btnpaynamics:hover {
                background-color: #0a3d52
            }

.featured-story-block {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

    .featured-story-block img {
        max-width: 100%
    }

    .featured-story-block > .featured-story-item > .story-title {
        font-family: core-sans-thin;
        font-size: 2.5rem;
        line-height: 1.618;
        color: #d41541;
        margin-bottom: 40px
    }

    .featured-story-block > .featured-story-item > p, .featured-story-block > .featured-story-item span p {
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8);
        margin-bottom: 24px
    }

    .featured-story-block > .featured-story-item span p {
        font-family: core-sans-regular !important;
        font-size: 1rem !important;
        line-height: 1.618 !important
    }

    .featured-story-block > .featured-story-item > strong {
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8);
        margin-bottom: 24px
    }

    .featured-story-block > .featured-story-item > .tip {
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8);
        padding: 40px 0 16px;
        margin: 0 auto;
        font-style: italic;
        text-align: center;
        width: 80%
    }

    .featured-story-block > .featured-story-item > .img-holder {
        width: 100%;
        position: relative;
        margin: 32px 0
    }

        .featured-story-block > .featured-story-item > .img-holder > img, .featured-story-block > .featured-story-item > span > p > span > img {
            width: 100%;
            height: 100%
        }

    .featured-story-block > .featured-story-item > .img-two-column {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between
    }

        .featured-story-block > .featured-story-item > .img-two-column > .img-holder {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(50% - 16px);
            max-width: calc(50% - 16px);
            min-width: calc(50% - 16px);
            margin-right: 16px;
            margin-bottom: 32px
        }

            .featured-story-block > .featured-story-item > .img-two-column > .img-holder:last-of-type {
                margin-right: 0
            }

            .featured-story-block > .featured-story-item > .img-two-column > .img-holder > img {
                width: 100%;
                height: 100%
            }

    .featured-story-block > .story-book-panel {
        text-align: center;
        margin: 80px 0
    }

        .featured-story-block > .story-book-panel > .button-book-story {
            transition: all .3s ease-in-out;
            border-radius: 3px;
            background: #df153c;
            padding: 14px 32px;
            text-decoration: none;
            color: #fff;
            font-family: core-sans-medium;
            font-size: 1.25rem;
            line-height: 1.618;
            font-weight: 500;
            cursor: pointer
        }

            .featured-story-block > .story-book-panel > .button-book-story:hover {
                background: #0a3d52
            }

    .featured-story-block > h1 {
        font-family: core-sans-thin;
        font-size: 2.5rem;
        line-height: 1.618;
        color: #ec2027;
        text-align: center;
        margin-bottom: 32px
    }

    .featured-story-block > .article-block {
        width: 1100px;
        margin: 0 auto;
        display: flex;
        justify-content: space-between;
        padding: 40px 0
    }

    .featured-story-block .article-block > .article-item {
        width: calc(33.33% - 80px);
        height: 285px;
        overflow: hidden;
        position: relative
    }

        .featured-story-block .article-block > .article-item > img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

        .featured-story-block .article-block > .article-item > .opacity-box {
            position: absolute;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.4);
            transition: all .3s ease-in-out
        }

            .featured-story-block .article-block > .article-item > .opacity-box:hover {
                background: rgba(0,0,0,.56)
            }

            .featured-story-block .article-block > .article-item > .opacity-box > .article-title {
                font-family: core-sans-thin;
                font-size: 1.25rem;
                line-height: 1.618;
                color: #fff;
                position: absolute;
                z-index: 2;
                left: 0;
                right: 0;
                top: calc(50% - 24px);
                text-align: center;
                width: 80%;
                margin: 0 auto
            }

    .featured-story-block > .button-panel {
        width: 1100px;
        margin: 0 auto
    }

        .featured-story-block > .button-panel > a {
            transition: all .3s ease-in-out;
            border-radius: 3px;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            background: linear-gradient(90deg,#e0163d,#a51451);
            color: #fff;
            padding: 10px 16px;
            text-decoration: none;
            display: block;
            max-width: 120px;
            text-align: center;
            margin: 40px auto 0
        }

.banner-page-block {
    width: 100%
}

    .banner-page-block > .img-holder {
        position: relative;
        box-sizing: content-box
    }

        .banner-page-block > .img-holder > img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }

.mission-vision-block {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

    .mission-vision-block > .copy-holder {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        margin-bottom: 56px
    }

        .mission-vision-block > .copy-holder > .title-group {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(30% - 24px);
            max-width: calc(30% - 24px);
            min-width: calc(30% - 24px);
            margin-right: 24px
        }

            .mission-vision-block > .copy-holder > .title-group > label {
                color: #000;
                font-family: core-sans-medium;
                font-size: 2rem;
                line-height: 1.618;
                font-weight: 500;
                line-height: 1.118;
                font-size: 2.5rem
            }

                .mission-vision-block > .copy-holder > .title-group > label[data-preamble]:before {
                    font-family: core-sans-medium;
                    font-size: 1.5rem;
                    line-height: 1.618;
                    font-weight: 500;
                    content: attr(data-preamble);
                    display: block;
                    color: #e0163d;
                    line-height: 1.318;
                    margin-bottom: 8px
                }

                .mission-vision-block > .copy-holder > .title-group > label[data-label]:after {
                    font-family: core-sans-bold;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    content: attr(data-label);
                    display: block;
                    color: #827d7e;
                    margin-top: 8px
                }

        .mission-vision-block > .copy-holder > .copy-panel {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(70% - 0px);
            max-width: calc(70% - 0px);
            min-width: calc(70% - 0px);
            margin-right: 0
        }

            .mission-vision-block > .copy-holder > .copy-panel > strong {
                font-family: core-sans-medium;
                font-size: 1.5rem;
                line-height: 1.618;
                font-weight: 500;
                color: rgba(0,0,0,.8)
            }

            .mission-vision-block > .copy-holder > .copy-panel > p {
                font-family: core-sans-light;
                font-size: 1rem;
                line-height: 1.618;
                margin-bottom: 16px
            }

            .mission-vision-block > .copy-holder > .copy-panel > .values-panel {
                display: flex;
                justify-content: space-between;
                padding-top: 24px
            }

                .mission-vision-block > .copy-holder > .copy-panel > .values-panel > .item {
                    flex-grow: 0;
                    flex-shrink: 0;
                    flex-basis: calc(33.33% - 24px);
                    max-width: calc(33.33% - 24px);
                    min-width: calc(33.33% - 24px);
                    margin-right: 24px
                }

                    .mission-vision-block > .copy-holder > .copy-panel > .values-panel > .item:last-of-type {
                        margin-right: 0
                    }

                    .mission-vision-block > .copy-holder > .copy-panel > .values-panel > .item > label {
                        font-family: core-sans-medium;
                        font-size: 2rem;
                        line-height: 1.618;
                        font-weight: 500;
                        color: rgba(0,0,0,.8);
                        margin-left: 6px;
                        display: inline-block
                    }

                    .mission-vision-block > .copy-holder > .copy-panel > .values-panel > .item > span {
                        font-family: core-sans-bold;
                        font-size: 1.75rem;
                        line-height: 1.618;
                        font-size: 2.75rem;
                        color: #ec2027;
                        height: 40px;
                        width: 40px;
                        border-radius: 40px;
                        border: 4px solid #ec2027;
                        padding: 2px 14px;
                        line-height: 0
                    }

                    .mission-vision-block > .copy-holder > .copy-panel > .values-panel > .item:nth-child(2) > span {
                        padding: 2px 16px
                    }

                    .mission-vision-block > .copy-holder > .copy-panel > .values-panel > .item:nth-child(3) > span {
                        padding: 2px 24px
                    }

    .mission-vision-block > .our-story-footer {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        margin-top: 120px
    }

        .mission-vision-block > .our-story-footer > .our-story-next {
            font-family: core-sans-light;
            font-size: 1.125rem;
            line-height: 1.618;
            transition: all .3s ease-in-out;
            text-decoration: none;
            color: #000;
            margin-right: 0
        }

            .mission-vision-block > .our-story-footer > .our-story-next > i {
                margin-left: 8px
            }

            .mission-vision-block > .our-story-footer > .our-story-next:hover {
                color: #ec2027;
                margin-right: 8px
            }

        .mission-vision-block > .our-story-footer > .our-story-prev {
            font-family: core-sans-light;
            font-size: 1.125rem;
            line-height: 1.618;
            transition: all .3s ease-in-out;
            text-decoration: none;
            color: #000;
            margin-left: 0
        }

            .mission-vision-block > .our-story-footer > .our-story-prev > i {
                margin-right: 8px
            }

            .mission-vision-block > .our-story-footer > .our-story-prev:hover {
                color: #ec2027;
                margin-left: 8px
            }

.bus-charter-block {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

    .bus-charter-block > .page-header {
        text-align: center;
        margin-bottom: 40px
    }

        .bus-charter-block > .page-header > .page-title {
            font-family: core-sans-thin;
            font-size: 2.5rem;
            line-height: 1.618;
            color: #e0163d
        }

        .bus-charter-block > .page-header > .sub-title {
            font-family: core-sans-light;
            font-size: 2rem;
            line-height: 1.618;
            color: #000
        }

    .bus-charter-block > .chart-block, .bus-charter-block > .chart-block > thead {
        display: block
    }

        .bus-charter-block > .chart-block > thead > .table-header > .cell-header {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            color: #fff;
            padding: 28px 0;
            text-align: center;
            background: #e0163d;
            width: 20%;
            letter-spacing: .12px;
            line-height: 1.218;
            border-top: 1px solid #ec2027;
            border-bottom: 1px solid #ec2027;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            width: 215.3px
        }

            .bus-charter-block > .chart-block > thead > .table-header > .cell-header[data-preamble]:after {
                content: attr(data-preamble);
                display: inline-block;
                color: #ffd300
            }

            .bus-charter-block > .chart-block > thead > .table-header > .cell-header:last-child {
                width: 233px
            }

            .bus-charter-block > .chart-block > thead > .table-header > .cell-header:first-of-type {
                border-left: 1px solid #ec2027
            }

            .bus-charter-block > .chart-block > thead > .table-header > .cell-header:last-of-type {
                border-right: 1px solid #ec2027
            }

        .bus-charter-block > .chart-block > .chart-data {
            display: block;
            max-height: 384px;
            overflow-y: auto
        }

            .bus-charter-block > .chart-block > .chart-data > tr > .chart-cell {
                font-family: core-sans-regular;
                font-size: 1rem;
                line-height: 1.618;
                padding: 18px;
                text-align: center;
                color: #000;
                background: #f7f7f7;
                border-left: 1px solid rgba(0,0,0,.3);
                border-right: 1px solid rgba(0,0,0,.3);
                border-bottom: 1px solid #000;
                vertical-align: middle;
                width: 20%
            }

            .bus-charter-block > .chart-block > .chart-data > .chart-city .chart-cell {
                font-family: core-sans-medium;
                font-size: 1.125rem;
                line-height: 1.618;
                font-weight: 500;
                width: 100%;
                color: rgba(0,0,0,.9);
                text-align: center;
                padding: 20px 0;
                border-left: 1px solid rgba(0,0,0,.3);
                border-right: 1px solid rgba(0,0,0,.3);
                background: #e5e3e3
            }

    .bus-charter-block > .bus-charter-holder {
        height: 480px
    }

        .bus-charter-block > .bus-charter-holder thead > .sticky-header > .cell-header {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            color: #fff;
            padding: 28px 0;
            text-align: center;
            background: #e0163d;
            letter-spacing: .12px;
            line-height: 1.218;
            border-top: 1px solid #ec2027;
            border-bottom: 1px solid #ec2027;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff
        }

            .bus-charter-block > .bus-charter-holder thead > .sticky-header > .cell-header[data-preamble]:after {
                content: attr(data-preamble);
                display: inline-block;
                color: #ffd300
            }

            .bus-charter-block > .bus-charter-holder thead > .sticky-header > .cell-header:last-child {
                width: 233px
            }

            .bus-charter-block > .bus-charter-holder thead > .sticky-header > .cell-header:first-of-type {
                border-left: 1px solid #ec2027
            }

            .bus-charter-block > .bus-charter-holder thead > .sticky-header > .cell-header:last-of-type {
                border-right: 1px solid #ec2027
            }

        .bus-charter-block > .bus-charter-holder .chart-data .chart-cell {
            font-family: core-sans-regular;
            font-size: 1rem;
            line-height: 1.618;
            padding: 18px;
            text-align: center;
            color: #000;
            background: #f7f7f7;
            border-left: 1px solid rgba(0,0,0,.3);
            border-right: 1px solid rgba(0,0,0,.3);
            border-bottom: 1px solid #000;
            vertical-align: middle
        }

        .bus-charter-block > .bus-charter-holder .chart-city .chart-cell {
            font-family: core-sans-medium;
            font-size: 1.125rem;
            line-height: 1.618;
            font-weight: 500;
            width: 100%;
            color: rgba(0,0,0,.9);
            text-align: center;
            padding: 20px 0;
            border-left: 1px solid rgba(0,0,0,.3);
            border-right: 1px solid rgba(0,0,0,.3);
            background: #e5e3e3
        }

    .bus-charter-block > .chart-note {
        margin-top: 32px
    }

        .bus-charter-block > .chart-note > p {
            font-family: core-sans-regular;
            font-size: 1rem;
            line-height: 1.618
        }

            .bus-charter-block > .chart-note > p > .red {
                color: #ec2027
            }

.careers-block {
    background: #f3f3f3;
    padding: 80px 0 0
}

    .careers-block > .careers-container {
        width: 1100px;
        margin: 0 auto
    }

        .careers-block > .careers-container > .careers-group {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            align-items: flex-end
        }

            .careers-block > .careers-container > .careers-group > .career-form-panel {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(55% - 0px);
                max-width: calc(55% - 0px);
                min-width: calc(55% - 0px);
                margin-right: 0;
                padding-bottom: 80px
            }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > h1 {
                    font-family: core-sans-thin;
                    font-size: 2.5rem;
                    line-height: 1.618;
                    color: #d41541;
                    font-weight: 400;
                    letter-spacing: 3px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder.-contact-us-form > h1 {
                    margin-bottom: 24px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > h2 {
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618;
                    color: #000;
                    font-weight: 400;
                    margin-bottom: 16px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > p {
                    font-family: core-sans-regular;
                    font-size: 1rem;
                    line-height: 1.618;
                    color: rgba(0,0,0,.8);
                    margin-bottom: 16px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder.-contact-us-form > .inquiries-form {
                    margin-top: 24px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > input[type=text] {
                    border: none;
                    padding: 18px;
                    color: rgba(0,0,0,.5);
                    font-family: core-sans-regular;
                    font-size: 1rem;
                    line-height: 1.618;
                    width: 70%;
                    margin-bottom: 32px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder.-contact-us-form > .inquiries-form > .attach {
                    font-family: core-sans-regular;
                    font-size: 1rem;
                    line-height: 1.618;
                    color: rgba(0,0,0,.8);
                    margin-bottom: 12px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder.-contact-us-form > .inquiries-form > textarea {
                    border: none;
                    padding: 18px;
                    color: rgba(0,0,0,.5);
                    font-family: core-sans-regular;
                    font-size: 1rem;
                    line-height: 1.618;
                    width: 70%;
                    margin-bottom: 12px
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > .careers-file > label {
                    display: block;
                    font-family: core-sans-light;
                    font-size: 1rem;
                    line-height: 1.618;
                    color: rgba(0,0,0,.8)
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > .careers-file > input[type=file] {
                    margin: 16px 0
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > .note {
                    font-family: core-sans-light;
                    font-size: .875rem;
                    line-height: 1.618;
                    font-style: italic;
                    color: rgba(0,0,0,.8)
                }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > p {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500;
                    margin: 24px 0 16px;
                    color: #000
                }

                    .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > p > a {
                        color: #df153c;
                        text-decoration:underline;
                        font-weight: 600;
                        transition: all .3s ease-in-out
                    }

                        .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > p > a:hover {
                            color: #0a3d52;
                        }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > input[type=submit] {
                    font-family: core-sans-medium;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    font-weight: 500;
                    transition: all .3s ease-in-out;
                    border-radius: 3px;
                    background: #df153c;
                    color: #fff;
                    border: none;
                    padding: 8px 24px;
                    margin-top: 32px;
                    cursor: pointer
                }

                    .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > input[type=submit]:hover {
                        background: #0a3d52
                    }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > .form-panel {
                    position: relative
                }

                    .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > .form-panel > input[type=text] {
                        border: none;
                        padding: 18px;
                        color: rgba(0,0,0,.5);
                        font-family: core-sans-regular;
                        font-size: 1rem;
                        line-height: 1.618;
                        width: 70%;
                        margin-bottom: 32px
                    }

                    .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > .inquiries-form > .form-panel > span {
                        position: absolute;
                        bottom: 10px;
                        left: 18px;
                        font-size: 14px;
                        color: #e0163d
                    }

                .careers-block > .careers-container > .careers-group > .career-form-panel > .inquiries-holder > #CareersContent_lblErr {
                    color: #e0163d;
                    margin-bottom: 16px;
                    display: block
                }

            .careers-block > .careers-container > .careers-group > .model-panel {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(45% - 0px);
                max-width: calc(45% - 0px);
                min-width: calc(45% - 0px);
                margin-right: 0;
                padding-top: 80px
            }

                .careers-block > .careers-container > .careers-group > .model-panel > .img-holder {
                    width: 100%;
                    position: relative
                }

                    .careers-block > .careers-container > .careers-group > .model-panel > .img-holder > img {
                        max-width: 100%;
                        vertical-align: bottom
                    }

.terminal-guide-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .terminal-guide-block > .page-header > .page-title {
        font-family: core-sans-thin;
        font-size: 2.5rem;
        line-height: 1.618;
        color: #e0163d;
        text-align: center
    }

    .terminal-guide-block > .terminal-panel {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%
    }

        .terminal-guide-block > .terminal-panel > .dropdown-panel {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(33.33% - 16px);
            max-width: calc(33.33% - 16px);
            min-width: calc(33.33% - 16px);
            margin-right: 24px
        }

            .terminal-guide-block > .terminal-panel > .dropdown-panel:last-of-type {
                margin-right: 0
            }

            .terminal-guide-block > .terminal-panel > .dropdown-panel > .dropdown {
                width: 100%;
                color: rgba(0,0,0,.5);
                background-color: #fff;
                position: relative;
                cursor: pointer;
                border: 1px solid #dedede
            }

                .terminal-guide-block > .terminal-panel > .dropdown-panel > .dropdown:after {
                    background: url(../images/Icons/caret-down.png) 50%/contain no-repeat;
                    content: "";
                    position: absolute;
                    width: 15px;
                    height: auto;
                    right: 20px;
                    top: 2px;
                    bottom: 0;
                    margin: auto 0
                }

                .terminal-guide-block > .terminal-panel > .dropdown-panel > .dropdown > .dropdown-list {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500;
                    border-radius: 3px;
                    border: none;
                    padding: 10px 44px 10px 8px;
                    width: 100%;
                    cursor: pointer;
                    -webkit-appearance: none;
                    -moz-appearance: none;
                    appearance: none;
                    color: rgba(0,0,0,.5)
                }

    .terminal-guide-block > .terminal-label {
        font-family: core-sans-medium;
        font-size: 1.125rem;
        line-height: 1.618;
        font-weight: 500;
        color: #e0163d;
        margin: 40px 0 16px;
        display: block
    }

    .terminal-guide-block > .table-terminal {
        margin: 40px 0 0;
        margin-bottom: 40px;
        display: block
    }

        .terminal-guide-block > .table-terminal > thead {
            display: block
        }

            .terminal-guide-block > .table-terminal > thead > .table-header > .cell-terminal {
                width: 154.717px;
                text-align: center;
                padding: 16px 0;
                background: #df153c;
                color: #fff;
                border-top: 1px solid #ec2027;
                border-bottom: 1px solid #ec2027;
                border-right: 1px solid #fff;
                font-family: core-sans-medium;
                font-size: 1rem;
                line-height: 1.618;
                font-weight: 500
            }

                .terminal-guide-block > .table-terminal > thead > .table-header > .cell-terminal.-terminal {
                    border-left: 1px solid #ec2027
                }

                .terminal-guide-block > .table-terminal > thead > .table-header > .cell-terminal.-fare {
                    border-right: 1px solid #ec2027;
                    margin-right: 40px;
                    width: 172px
                }

        .terminal-guide-block > .table-terminal > tbody.scroll {
            max-height: 384px;
            overflow-y: auto;
            display: block
        }

        .terminal-guide-block > .table-terminal > tbody > tr > .cell-terminal {
            display: table-cell;
            width: 14.28%;
            text-align: center;
            padding: 12px;
            background: #f7f7f7;
            color: #fff;
            border-bottom: 1px solid #000;
            border-right: 1px solid rgba(0,0,0,.3);
            font-family: core-sans-regular;
            font-size: 1rem;
            line-height: 1.618;
            color: #000;
            vertical-align: middle
        }

            .terminal-guide-block > .table-terminal > tbody > tr > .cell-terminal.-terminal-data {
                border-left: 1px solid #000
            }

    .terminal-guide-block #TerminalGuideContent_pnlTerminalDetails > .terminal-details-block {
        margin-top: 40px
    }

        .terminal-guide-block #TerminalGuideContent_pnlTerminalDetails > .terminal-details-block > span {
            font-family: core-sans-light;
            font-size: 1rem;
            line-height: 1.618;
            margin-bottom: 8px;
            display: block;
            color: rgba(0,0,0,.8)
        }

            .terminal-guide-block #TerminalGuideContent_pnlTerminalDetails > .terminal-details-block > span[data-preamble]:before {
                content: attr(data-preamble);
                display: block;
                font-family: core-sans-medium;
                font-size: 1rem;
                line-height: 1.618;
                font-weight: 500
            }

    .terminal-guide-block .terminal-guide-holder {
        height: auto;
        margin: 40px auto
    }

        .terminal-guide-block .terminal-guide-holder thead > .sticky-header > .cell-terminal {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            color: #fff;
            padding: 28px 0;
            text-align: center;
            background: #e0163d;
            letter-spacing: .12px;
            line-height: 1.218;
            border-top: 1px solid #ec2027;
            border-bottom: 1px solid #ec2027;
            border-left: 1px solid #fff;
            border-right: 1px solid #fff
        }

            .terminal-guide-block .terminal-guide-holder thead > .sticky-header > .cell-terminal[data-preamble]:after {
                content: attr(data-preamble);
                display: inline-block;
                color: #ffd300
            }

            .terminal-guide-block .terminal-guide-holder thead > .sticky-header > .cell-terminal:last-child {
                width: 233px
            }

            .terminal-guide-block .terminal-guide-holder thead > .sticky-header > .cell-terminal:first-of-type {
                border-left: 1px solid #ec2027
            }

            .terminal-guide-block .terminal-guide-holder thead > .sticky-header > .cell-terminal:last-of-type {
                border-right: 1px solid #ec2027
            }

        .terminal-guide-block .terminal-guide-holder tbody > tr > .cell-terminal {
            display: table-cell;
            width: 14.28%;
            text-align: center;
            padding: 12px;
            background: #f7f7f7;
            color: #fff;
            border-bottom: 1px solid #000;
            border-right: 1px solid rgba(0,0,0,.3);
            font-family: core-sans-regular;
            font-size: 1rem;
            line-height: 1.618;
            color: #000;
            vertical-align: middle
        }

            .terminal-guide-block .terminal-guide-holder tbody > tr > .cell-terminal.-terminal-data {
                border-left: 1px solid #000
            }

        .terminal-guide-block .terminal-guide-holder .chart-data .chart-cell {
            font-family: core-sans-regular;
            font-size: 1rem;
            line-height: 1.618;
            padding: 18px;
            text-align: center;
            color: #000;
            background: #f7f7f7;
            border-left: 1px solid rgba(0,0,0,.3);
            border-right: 1px solid rgba(0,0,0,.3);
            border-bottom: 1px solid #000;
            vertical-align: middle
        }

        .terminal-guide-block .terminal-guide-holder .chart-city .chart-cell {
            font-family: core-sans-medium;
            font-size: 1.125rem;
            line-height: 1.618;
            font-weight: 500;
            width: 100%;
            color: rgba(0,0,0,.9);
            text-align: center;
            padding: 20px 0;
            border-left: 1px solid rgba(0,0,0,.3);
            border-right: 1px solid rgba(0,0,0,.3);
            background: #e5e3e3
        }

    .terminal-guide-block > small {
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8)
    }

    .terminal-guide-block > .hotline-panel {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        margin-top: 80px;
        border-top: 1px solid rgba(0,0,0,.3);
        padding-top: 80px
    }

        .terminal-guide-block > .hotline-panel > .directory-panel {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(30% - 0px);
            max-width: calc(30% - 0px);
            min-width: calc(30% - 0px);
            margin-right: 0;
            text-align: right
        }

            .terminal-guide-block > .hotline-panel > .directory-panel > .btn-terminal {
                transition: all .3s ease-in-out;
                border-radius: 3px;
                color: #fff;
                background: #df153c;
                padding: 14px 0;
                text-decoration: none;
                position: relative;
                top: 36px;
                width: 100%;
                display: block;
                text-align: center
            }

        .terminal-guide-block > .hotline-panel > .terminal-hotline {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(70% - 0px);
            max-width: calc(70% - 0px);
            min-width: calc(70% - 0px);
            margin-right: 0
        }

            .terminal-guide-block > .hotline-panel > .terminal-hotline > h1 {
                font-family: core-sans-light;
                font-size: 1.25rem;
                line-height: 1.618;
                color: #e0163d;
                margin-bottom: 8px
            }

            .terminal-guide-block > .hotline-panel > .terminal-hotline > ul > li {
                display: inline-block;
                margin-right: 16px;
                font-family: core-sans-regular;
                font-size: 1rem;
                line-height: 1.618;
                color: rgba(0,0,0,.8)
            }

                .terminal-guide-block > .hotline-panel > .terminal-hotline > ul > li:first-child {
                    margin-bottom: 8px
                }

                .terminal-guide-block > .hotline-panel > .terminal-hotline > ul > li > span {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500
                }

.point-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .point-block > .point-copy-panel > h1 {
        font-family: core-sans-light;
        font-size: 2rem;
        line-height: 1.618;
        color: #000;
        margin-bottom: 24px
    }

    .point-block > .point-copy-panel > p {
        font-family: core-sans-light;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8);
        margin-bottom: 24px
    }

        .point-block > .point-copy-panel > p > a {
            font-family: core-sans-bold;
            font-size: 1rem;
            line-height: 1.618;
            transition: all .3s ease-in-out;
            color: rgba(0,0,0,.8)
        }

            .point-block > .point-copy-panel > p > a:hover {
                color: #df153c
            }

.point-schedule-block {
    background: #f7f7f7;
    padding: 80px 0
}

    .point-schedule-block > .point-schedule-panel {
        width: 1100px;
        margin: 0 auto;
        text-align: center
    }

        .point-schedule-block > .point-schedule-panel > .img-p2p {
            max-width: 72%
        }

            .point-schedule-block > .point-schedule-panel > .img-p2p:not(:last-of-type) {
                margin-bottom: 32px
            }

        .point-schedule-block > .point-schedule-panel > h1 {
            font-family: core-sans-light;
            font-size: 2rem;
            line-height: 1.618;
            margin-bottom: 40px
        }

        .point-schedule-block > .point-schedule-panel > .schedule-holder {
            position: relative;
            margin-bottom: 40px
        }

            .point-schedule-block > .point-schedule-panel > .schedule-holder > img {
                box-sizing: border-box;
                width: 100%
            }

            .point-schedule-block > .point-schedule-panel > .schedule-holder > .map {
                width: 65%
            }

        .point-schedule-block > .point-schedule-panel > .point-schedule-two-column-panel {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            margin: 80px 0 40px
        }

            .point-schedule-block > .point-schedule-panel > .point-schedule-two-column-panel > .column-one {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(50% - 40px);
                max-width: calc(50% - 40px);
                min-width: calc(50% - 40px);
                margin-right: 40px
            }

                .point-schedule-block > .point-schedule-panel > .point-schedule-two-column-panel > .column-one > h1 {
                    font-family: core-sans-light;
                    font-size: 2rem;
                    line-height: 1.618;
                    margin-bottom: 40px
                }

            .point-schedule-block > .point-schedule-panel > .point-schedule-two-column-panel > .column-two {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(50% - 0px);
                max-width: calc(50% - 0px);
                min-width: calc(50% - 0px);
                margin-right: 0
            }

                .point-schedule-block > .point-schedule-panel > .point-schedule-two-column-panel > .column-two > h1 {
                    font-family: core-sans-light;
                    font-size: 2rem;
                    line-height: 1.618;
                    margin-bottom: 40px
                }

.premiere-card-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .premiere-card-block > .premiere-card-copy > h1 {
        font-family: core-sans-light;
        font-size: 2rem;
        line-height: 1.618;
        color: #d41541;
        margin-bottom: 24px;
        text-align: center
    }

    .premiere-card-block > .premiere-card-copy > p {
        font-family: core-sans-light;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8);
        margin-bottom: 24px
    }

    .premiere-card-block > .card-benefits-block {
        margin-top: 80px
    }

        .premiere-card-block > .card-benefits-block > h1 {
            font-family: core-sans-light;
            font-size: 2rem;
            line-height: 1.618;
            color: #000;
            margin-bottom: 24px;
            text-align: center
        }

        .premiere-card-block > .card-benefits-block > .card-benefits-holder {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            justify-content: center;
            margin-bottom: 120px
        }

            .premiere-card-block > .card-benefits-block > .card-benefits-holder:first-of-type {
                align-items: flex-end
            }

                .premiere-card-block > .card-benefits-block > .card-benefits-holder:first-of-type > .card-item > .img-holder:first-of-type {
                    padding-right: 80px
                }

                .premiere-card-block > .card-benefits-block > .card-benefits-holder:first-of-type > .card-item > .img-holder:last-of-type {
                    padding-right: 88px
                }

            .premiere-card-block > .card-benefits-block > .card-benefits-holder:last-of-type {
                align-items: flex-start
            }

                .premiere-card-block > .card-benefits-block > .card-benefits-holder:last-of-type > .card-item > .img-holder:first-of-type {
                    padding-right: 70px
                }

                .premiere-card-block > .card-benefits-block > .card-benefits-holder:last-of-type > .card-item > .img-holder:last-of-type {
                    padding-right: 105px
                }

            .premiere-card-block > .card-benefits-block > .card-benefits-holder > .card-item {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(50% - 40px);
                max-width: calc(50% - 40px);
                min-width: calc(50% - 40px);
                margin-right: 40px;
                text-align: center
            }

                .premiere-card-block > .card-benefits-block > .card-benefits-holder > .card-item:last-of-type {
                    margin-right: 0
                }

                .premiere-card-block > .card-benefits-block > .card-benefits-holder > .card-item > .img-holder {
                    position: relative;
                    text-align: center;
                    margin-bottom: 24px
                }

                    .premiere-card-block > .card-benefits-block > .card-benefits-holder > .card-item > .img-holder > img {
                        max-width: 100%
                    }

.modal-directory > .directory-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 40px
}

    .modal-directory > .directory-header > .logo {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(30% - 0px);
        max-width: calc(30% - 0px);
        min-width: calc(30% - 0px);
        margin-right: 0
    }

        .modal-directory > .directory-header > .logo > img {
            max-width: 100%
        }

    .modal-directory > .directory-header > .office-contact {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(70% - 0px);
        max-width: calc(70% - 0px);
        min-width: calc(70% - 0px);
        margin-right: 0;
        text-align: right;
        padding-top: 6px
    }

        .modal-directory > .directory-header > .office-contact > i {
            margin-right: 4px
        }

.modal-directory > .table-directory > .table-head {
    display: table;
    width: 100%;
    background: #ecebe9
}

    .modal-directory > .table-directory > .table-head > .data-head {
        display: table-cell;
        color: #4e4e50;
        padding: 12px;
        font-family: core-sans-medium;
        font-size: 1rem;
        line-height: 1.618;
        font-weight: 500;
        border: 1px solid #c9cacc
    }

        .modal-directory > .table-directory > .table-head > .data-head.-terminal {
            width: 30%;
            border-right: 0
        }

        .modal-directory > .table-directory > .table-head > .data-head.-address {
            width: 40%
        }

        .modal-directory > .table-directory > .table-head > .data-head.-contact {
            width: 30%;
            border-left: 0
        }

.modal-directory > .table-directory > .table-body > .table-data {
    display: table;
    width: 100%
}

    .modal-directory > .table-directory > .table-body > .table-data > span {
        display: table-cell;
        padding: 12px;
        border-bottom: 1px solid #c9cacc;
        vertical-align: middle
    }

        .modal-directory > .table-directory > .table-body > .table-data > span:first-of-type {
            width: 30%;
            border-left: 1px solid #c9cacc
        }

        .modal-directory > .table-directory > .table-body > .table-data > span:nth-child(2) {
            width: 40%;
            border-left: 1px solid #c9cacc;
            border-right: 1px solid #c9cacc
        }

        .modal-directory > .table-directory > .table-body > .table-data > span:last-of-type {
            width: 30%;
            border-right: 1px solid #c9cacc
        }

.modal-terms > .directory-header {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-around;
    margin-bottom: 24px
}

    .modal-terms > .directory-header > .logo {
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(30% - 0px);
        max-width: calc(30% - 0px);
        min-width: calc(30% - 0px);
        margin-right: 0
    }

        .modal-terms > .directory-header > .logo > img {
            max-width: 100%
        }

.modal-terms > .terms-copy {
    padding-bottom: 80px
}

    .modal-terms > .terms-copy > p {
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8);
        margin-bottom: 16px
    }

        .modal-terms > .terms-copy > p > .red {
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            color: #df153c
        }

    .modal-terms > .terms-copy > strong {
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        color: rgba(0,0,0,.8);
        margin-bottom: 16px;
        display: block
    }

.route-map-block {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

    .route-map-block > .page-header {
        text-align: center;
        margin-bottom: 40px
    }

        .route-map-block > .page-header > .page-title {
            font-family: core-sans-thin;
            font-size: 2.5rem;
            line-height: 1.618;
            color: #e0163d
        }

    .route-map-block .route-map-holder {
        width: 100%
    }

        .route-map-block .route-map-holder > img {
            max-width: 100%
        }

.discounts-policies-block {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

    .discounts-policies-block > .page-header {
        text-align: center;
        margin-bottom: 40px
    }

        .discounts-policies-block > .page-header > .page-title {
            font-family: core-sans-thin;
            font-size: 2.5rem;
            line-height: 1.618;
            color: #e0163d
        }

    .discounts-policies-block > .card-benefits-block {
        margin-top: 80px
    }

        .discounts-policies-block > .card-benefits-block > .card-benefits-holder {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            justify-content: center;
            margin-bottom: 80px
        }

            .discounts-policies-block > .card-benefits-block > .card-benefits-holder:last-of-type > .card-item:last-of-type {
                margin-top: 28px
            }

            .discounts-policies-block > .card-benefits-block > .card-benefits-holder > .card-item {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(45% - 160px);
                max-width: calc(45% - 160px);
                min-width: calc(45% - 160px);
                margin-right: 160px
            }

                .discounts-policies-block > .card-benefits-block > .card-benefits-holder > .card-item:last-of-type {
                    margin-right: 0
                }

                .discounts-policies-block > .card-benefits-block > .card-benefits-holder > .card-item > h1 {
                    font-family: core-sans-medium;
                    font-size: 1.5rem;
                    line-height: 1.618;
                    font-weight: 500;
                    color: rgba(0,0,0,.8);
                    margin-bottom: 12px
                }

                .discounts-policies-block > .card-benefits-block > .card-benefits-holder > .card-item > p {
                    font-family: core-sans-light;
                    font-size: 1rem;
                    line-height: 1.618;
                    color: rgba(0,0,0,.8)
                }

                    .discounts-policies-block > .card-benefits-block > .card-benefits-holder > .card-item > p:not(:last-of-type) {
                        margin-bottom: 12px
                    }

                .discounts-policies-block > .card-benefits-block > .card-benefits-holder > .card-item > .img-holder {
                    position: relative;
                    text-align: center;
                    margin-bottom: 24px
                }

                    .discounts-policies-block > .card-benefits-block > .card-benefits-holder > .card-item > .img-holder > img {
                        max-width: 100%
                    }

.cargo-block {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0
}

    .cargo-block > .page-header {
        text-align: center;
        margin-bottom: 40px
    }

        .cargo-block > .page-header > .page-title {
            font-family: core-sans-thin;
            font-size: 2.5rem;
            line-height: 1.618;
            color: #e0163d;
            margin-bottom: 32px
        }

        .cargo-block > .page-header > h2 {
            font-family: core-sans-light;
            font-size: 2rem;
            line-height: 1.618
        }

    .cargo-block > .table-freight[data-preamble]:before {
        content: attr(data-preamble);
        text-align: right;
        margin-bottom: 12px
    }

    .cargo-block > .table-freight[data-label]:after, .cargo-block > .table-freight[data-preamble]:before {
        font-family: core-sans-light;
        font-size: 1rem;
        line-height: 1.618;
        font-weight: 400;
        color: #000;
        display: block;
        font-style: italic;
        color: rgba(0,0,0,.8)
    }

    .cargo-block > .table-freight[data-label]:after {
        content: attr(data-label);
        margin-top: 12px
    }

    .cargo-block > .table-freight > .img-holder {
        width: 100%
    }

        .cargo-block > .table-freight > .img-holder img {
            max-width: 100%
        }

    .cargo-block > .table-freight > .table-cargo {
        width: 100%
    }

        .cargo-block > .table-freight > .table-cargo > tbody > .table-header > .header-cell {
            color: #fff;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            background: #e0163d;
            text-align: center;
            vertical-align: middle;
            line-height: 1.218;
            border: 1px solid #ec2027
        }

            .cargo-block > .table-freight > .table-cargo > tbody > .table-header > .header-cell:first-child {
                width: 15%;
                border-right: 1px solid #fff
            }

            .cargo-block > .table-freight > .table-cargo > tbody > .table-header > .header-cell:nth-child(2) {
                width: 10%;
                border-right: 1px solid #fff
            }

            .cargo-block > .table-freight > .table-cargo > tbody > .table-header > .header-cell:nth-child(3) {
                width: 75%;
                background: #0a3d52;
                border: 1px solid #1d4c60
            }

        .cargo-block > .table-freight > .table-cargo > tbody > .table-header > .table-cell {
            padding: 14px 0;
            text-align: center;
            background: #0a3d52;
            color: #fff;
            border: 1px solid #1d4c60;
            line-height: 1.218;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            vertical-align: middle
        }

        .cargo-block > .table-freight > .table-cargo > tbody > .table-header:nth-child(2) > .table-cell.-route {
            width: 12.5%;
            line-height: 1.218
        }

        .cargo-block > .table-freight > .table-cargo > tbody > .table-header:first-of-type > .table-cell {
            border-bottom: 1px solid #fff
        }

        .cargo-block > .table-freight > .table-cargo > tbody > .table-header:nth-child(2) > .table-cell.-route:not(:last-of-type) {
            border-right: 1px solid #fff
        }

        .cargo-block > .table-freight > .table-cargo > tbody > .table-header > .header-cell > .table-header > .table-cell {
            display: table-cell;
            padding: 14px 0;
            vertical-align: middle
        }

        .cargo-block > .table-freight > .table-cargo > tbody > tr > .data-cell {
            display: table-cell;
            padding: 12px 8px;
            font-family: core-sans-regular;
            font-size: 1rem;
            line-height: 1.618;
            color: rgba(0,0,0,.8);
            border-bottom: 1px solid #000
        }

            .cargo-block > .table-freight > .table-cargo > tbody > tr > .data-cell.-declared-value {
                text-align: right;
                border-left: 1px solid rgba(0,0,0,.3)
            }

            .cargo-block > .table-freight > .table-cargo > tbody > tr > .data-cell.-gross-weight {
                text-align: right;
                border-left: 1px solid rgba(0,0,0,.3);
                border-right: 1px solid rgba(0,0,0,.3)
            }

            .cargo-block > .table-freight > .table-cargo > tbody > tr > .data-cell.-route {
                text-align: center;
                border-right: 1px solid rgba(0,0,0,.3)
            }

    .cargo-block .cargo-terms-conditions .img-holder > .img-desktop {
        display: block
    }

    .cargo-block .cargo-terms-conditions .img-holder > .img-mobile {
        display: none
    }

.cargo-how-to-block {
    background: #f7f7f7;
    padding: 80px 0
}

    .cargo-how-to-block > .card-benefits-block {
        width: 1100px;
        margin: 0 auto
    }

        .cargo-how-to-block > .card-benefits-block > h2 {
            font-family: core-sans-light;
            font-size: 2rem;
            line-height: 1.618;
            color: #000;
            margin-bottom: 80px;
            text-align: center
        }

        .cargo-how-to-block > .card-benefits-block > .card-benefits-holder {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            justify-content: center;
            margin-bottom: 80px
        }

            .cargo-how-to-block > .card-benefits-block > .card-benefits-holder:first-of-type {
                align-items: flex-start;
                padding-left: 40px
            }

                .cargo-how-to-block > .card-benefits-block > .card-benefits-holder:first-of-type > .card-item:first-of-type > .img-holder {
                    padding-right: 72px
                }

                .cargo-how-to-block > .card-benefits-block > .card-benefits-holder:first-of-type > .card-item:last-of-type > .img-holder {
                    padding-right: 130px
                }

            .cargo-how-to-block > .card-benefits-block > .card-benefits-holder:last-of-type {
                align-items: flex-start;
                padding-left: 40px
            }

                .cargo-how-to-block > .card-benefits-block > .card-benefits-holder:last-of-type > .card-item:first-of-type > .img-holder {
                    padding-right: 70px
                }

                .cargo-how-to-block > .card-benefits-block > .card-benefits-holder:last-of-type > .card-item:last-of-type > .img-holder {
                    padding-right: 130px
                }

            .cargo-how-to-block > .card-benefits-block > .card-benefits-holder > .card-item {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(50% - 40px);
                max-width: calc(50% - 40px);
                min-width: calc(50% - 40px);
                margin-right: 40px;
                text-align: center
            }

                .cargo-how-to-block > .card-benefits-block > .card-benefits-holder > .card-item > p {
                    color: rgba(0,0,0,.8)
                }

                    .cargo-how-to-block > .card-benefits-block > .card-benefits-holder > .card-item > p > a {
                        color: rgba(0,0,0,.8);
                        transition: all .3s ease-in-out
                    }

                        .cargo-how-to-block > .card-benefits-block > .card-benefits-holder > .card-item > p > a:hover {
                            color: #df153c
                        }

                .cargo-how-to-block > .card-benefits-block > .card-benefits-holder > .card-item:last-of-type {
                    margin-right: 0
                }

                .cargo-how-to-block > .card-benefits-block > .card-benefits-holder > .card-item > .img-holder {
                    position: relative;
                    text-align: center;
                    margin-bottom: 24px
                }

                    .cargo-how-to-block > .card-benefits-block > .card-benefits-holder > .card-item > .img-holder > img {
                        max-width: 80%
                    }

.cargo-detail-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px
}

    .cargo-detail-block > .proper-packing-panel {
        margin-bottom: 64px
    }

        .cargo-detail-block > .proper-packing-panel > h1 {
            font-family: core-sans-light;
            font-size: 2rem;
            line-height: 1.618;
            color: #000;
            margin-bottom: 40px;
            text-align: center
        }

        .cargo-detail-block > .proper-packing-panel > p {
            color: rgba(0,0,0,.8)
        }

    .cargo-detail-block > .cargo-terminal-panel {
        margin-bottom: 40px
    }

        .cargo-detail-block > .cargo-terminal-panel > h1 {
            font-family: core-sans-light;
            font-size: 2rem;
            line-height: 1.618;
            color: #000;
            margin-bottom: 40px;
            text-align: center
        }

        .cargo-detail-block > .cargo-terminal-panel > .cargo-terminal-list {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%
        }

            .cargo-detail-block > .cargo-terminal-panel > .cargo-terminal-list > .cargo-terminal-column {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(25% - 24px);
                max-width: calc(25% - 24px);
                min-width: calc(25% - 24px);
                margin-right: 23px
            }

                .cargo-detail-block > .cargo-terminal-panel > .cargo-terminal-list > .cargo-terminal-column:last-of-type {
                    margin-right: 0
                }

                .cargo-detail-block > .cargo-terminal-panel > .cargo-terminal-list > .cargo-terminal-column[data-preamble]:before {
                    font-family: core-sans-medium;
                    font-size: 1.125rem;
                    line-height: 1.618;
                    font-weight: 500;
                    content: attr(data-preamble);
                    color: #000;
                    display: block;
                    color: rgba(0,0,0,.8)
                }

            .cargo-detail-block > .cargo-terminal-panel > .cargo-terminal-list > .cargo-terminal-column {
                color: rgba(0,0,0,.8)
            }

        .cargo-detail-block > .cargo-terminal-panel .img-holder img {
            max-width: 100%
        }

.prohibited-block {
    background: #f7f7f7;
    padding: 80px
}

    .prohibited-block > .prohibited-panel > h1 {
        font-family: core-sans-light;
        font-size: 2rem;
        line-height: 1.618;
        color: #000;
        margin-bottom: 64px;
        text-align: center
    }

    .prohibited-block > .prohibited-panel {
        width: 1100px;
        margin: 0 auto
    }

        .prohibited-block > .prohibited-panel > .prohibited-cargo-panel {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            text-align: center
        }

            .prohibited-block > .prohibited-panel > .prohibited-cargo-panel:last-of-type {
                margin-top: 64px
            }

            .prohibited-block > .prohibited-panel > .prohibited-cargo-panel > .prohibited-cargo-list {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: calc(20% - 24px);
                max-width: calc(20% - 24px);
                min-width: calc(20% - 24px);
                margin-right: 24px
            }

                .prohibited-block > .prohibited-panel > .prohibited-cargo-panel > .prohibited-cargo-list:last-of-type {
                    margin-right: 0
                }

                .prohibited-block > .prohibited-panel > .prohibited-cargo-panel > .prohibited-cargo-list > p {
                    color: rgba(0,0,0,.8);
                    margin-top: 24px
                }

                .prohibited-block > .prohibited-panel > .prohibited-cargo-panel > .prohibited-cargo-list > img-holder > img {
                    max-width: 100%
                }

.book-complete-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px
}

    .book-complete-block > .book-complete-panel > h1 {
        font-family: core-sans-light;
        font-size: 2rem;
        line-height: 1.618;
        margin-bottom: 16px;
        text-align: center
    }

    .book-complete-block > .book-complete-panel > #divSuccess > p {
        text-align: center
    }

    .book-complete-block > .book-complete-panel > #divSuccess > .print-margin {
        padding-top: 32px;
        margin-top: 40px;
        border-top: 1px solid #ccc;
        display: flex;
        justify-content: center
    }

        .book-complete-block > .book-complete-panel > #divSuccess > .print-margin > a {
            transition: all .3s ease-in-out;
            border-radius: 3px;
            background: #df153c;
            padding: 12px 24px;
            color: #fff;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            text-decoration: none;
            cursor: pointer
        }

            .book-complete-block > .book-complete-panel > #divSuccess > .print-margin > a:hover {
                background: #0a3d52
            }

    .book-complete-block > .transaction-panel {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        width: 50%;
        margin: 0 auto;
        padding: 50px;
        border: 1px solid #959595;
        background: #fafafa;
        margin-top: 40px
    }

        .book-complete-block > .transaction-panel > .data-info {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: 50%;
            max-width: 50%;
            min-width: 50%;
            margin-right: 0
        }

            .book-complete-block > .transaction-panel > .data-info > p {
                font-family: core-sans-medium;
                font-size: 1.125rem;
                line-height: 1.618;
                font-weight: 500
            }

            .book-complete-block > .transaction-panel > .data-info > span {
                font-family: core-sans-light;
                font-size: 1.25rem;
                line-height: 1.618
            }

    .book-complete-block > .footer-panel {
        border-top: 1px solid #ccc;
        margin-top: 40px;
        padding-top: 40px;
        display: flex;
        justify-content: space-between
    }

        .book-complete-block > .footer-panel > p img {
            width: 120px;
            margin-left: 8px;
            position: relative;
            top: 5px;
            display: inline-block
        }

        .book-complete-block > .footer-panel > .btn-continue {
            transition: all .3s ease-in-out;
            border-radius: 3px;
            background: #df153c;
            padding: 12px 24px;
            color: #fff;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            text-decoration: none;
            cursor: pointer
        }

            .book-complete-block > .footer-panel > .btn-continue:hover {
                background: #0a3d52
            }

.rebook-info-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px
}

    .rebook-info-block > .rebooking-info-panel {
        border: 1px solid #959595
    }

        .rebook-info-block > .rebooking-info-panel > .title-holder {
            background: #e0163d;
            padding: 16px 24px
        }

            .rebook-info-block > .rebooking-info-panel > .title-holder > h1 {
                color: #fff;
                font-family: core-sans-light;
                font-size: 1.25rem;
                line-height: 1.618
            }

        .rebook-info-block > .rebooking-info-panel > .info-holder {
            padding: 24px;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%
        }

            .rebook-info-block > .rebooking-info-panel > .info-holder > .info-column {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: 32%;
                max-width: 32%;
                min-width: 32%;
                margin-right: 0
            }

                .rebook-info-block > .rebooking-info-panel > .info-holder > .info-column > .data-info:not(:last-of-type) {
                    margin-bottom: 16px
                }

                .rebook-info-block > .rebooking-info-panel > .info-holder > .info-column > .data-info > p {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500
                }

                .rebook-info-block > .rebooking-info-panel > .info-holder > .info-column > .data-info > span {
                    font-family: core-sans-light;
                    font-size: 1rem;
                    line-height: 1.618
                }

    .rebook-info-block > .rebook-sched-block {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        margin-top: 40px;
        justify-content: space-between
    }

        .rebook-info-block > .rebook-sched-block > .sched-panel {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(50% - 24px);
            max-width: calc(50% - 24px);
            min-width: calc(50% - 24px);
            margin-right: 24px;
            border: 1px solid #959595
        }

            .rebook-info-block > .rebook-sched-block > .sched-panel:last-of-type {
                margin-right: 0
            }

            .rebook-info-block > .rebook-sched-block > .sched-panel > .title-holder {
                background: #e0163d;
                padding: 16px 24px
            }

                .rebook-info-block > .rebook-sched-block > .sched-panel > .title-holder > h1 {
                    color: #fff;
                    font-family: core-sans-light;
                    font-size: 1.25rem;
                    line-height: 1.618
                }

            .rebook-info-block > .rebook-sched-block > .sched-panel > .info-holder {
                padding: 24px;
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 100%
            }

                .rebook-info-block > .rebook-sched-block > .sched-panel > .info-holder > .info-column {
                    flex-grow: 0;
                    flex-shrink: 0;
                    flex-basis: calc(50% - 24px);
                    max-width: calc(50% - 24px);
                    min-width: calc(50% - 24px);
                    margin-right: 24px
                }

                    .rebook-info-block > .rebook-sched-block > .sched-panel > .info-holder > .info-column > .data-info > p {
                        font-family: core-sans-medium;
                        font-size: 1rem;
                        line-height: 1.618;
                        font-weight: 500
                    }

                    .rebook-info-block > .rebook-sched-block > .sched-panel > .info-holder > .info-column > .data-info > span {
                        font-family: core-sans-light;
                        font-size: 1rem;
                        line-height: 1.618
                    }

                    .rebook-info-block > .rebook-sched-block > .sched-panel > .info-holder > .info-column > .data-info:not(:last-of-type) {
                        margin-bottom: 16px
                    }

                .rebook-info-block > .rebook-sched-block > .sched-panel > .info-holder > .button-panel {
                    width: 100%;
                    margin-top: 16px
                }

    .rebook-info-block > .button-panel > .btnRebooking {
        display: block;
        transition: all .3s ease-in-out;
        background: #df153c;
        color: #fff;
        text-decoration: none;
        cursor: pointer;
        padding: 12px 0;
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(50% - 24px);
        max-width: calc(50% - 24px);
        min-width: calc(50% - 24px);
        margin-right: 24px;
        justify-content: flex-end;
        border: 1px solid #ec2027;
        text-align: center;
        font-family: core-sans-medium;
        font-size: 1rem;
        line-height: 1.618;
        font-weight: 500
    }

        .rebook-info-block > .button-panel > .btnRebooking:hover {
            background: #0a3d52;
            border: 1px solid #0a3d52
        }

    .rebook-info-block > .footer-panel {
        border-top: 1px solid #ccc;
        margin-top: 80px;
        padding-top: 40px
    }

        .rebook-info-block > .footer-panel > .rebooking-result > .btn-pesopay {
            display: flex;
            justify-content: space-between
        }

            .rebook-info-block > .footer-panel > .rebooking-result > .btn-pesopay > .btnpaynamics {
                cursor: pointer;
                border: 1px solid #959595;
                padding: 12px 24px 7px;
                border-radius: 5px;
                transition: all .3s ease-in-out
            }

                .rebook-info-block > .footer-panel > .rebooking-result > .btn-pesopay > .btnpaynamics:hover {
                    border: 1px solid #df153c
                }

            .rebook-info-block > .footer-panel > .rebooking-result > .btn-pesopay > .btn-cancel {
                transition: all .3s ease-in-out;
                background: #222;
                color: #fff;
                text-decoration: none;
                cursor: pointer;
                padding: 16px 24px;
                justify-content: flex-end;
                border: 1px solid #222;
                text-align: center
            }

                .rebook-info-block > .footer-panel > .rebooking-result > .btn-pesopay > .btn-cancel:hover {
                    background: #111;
                    border: 1px solid #111
                }

        .rebook-info-block > .footer-panel > .rebooking-result > .rebooking-price {
            margin-bottom: 24px
        }

            .rebook-info-block > .footer-panel > .rebooking-result > .rebooking-price > .tac > a {
                color: #df153c
            }

.modal-dialog.rebooking-modal-dialog {
    width: 900px;
    margin-top: 80px
}

    .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body {
        padding: 40px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        width: unset
    }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process {
            flex-grow: 0;
            flex-shrink: 0;
            flex-basis: calc(50% - 24px);
            max-width: calc(50% - 24px);
            min-width: calc(50% - 24px);
            margin-right: 24px
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process:last-of-type {
                margin-right: 0
            }

    .modal-dialog.rebooking-modal-dialog > .modal-content > .btn-rebooking-transaction {
        border-top: 1px solid #ccc;
        padding: 20px 40px;
        display: flex;
        justify-content: space-between
    }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .btn-rebooking-transaction > button#btnRebook {
            border: 1px solid #ec2027;
            background: #df153c;
            padding: 8px 28px;
            color: #fff;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            cursor: pointer
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .btn-rebooking-transaction > button#btnRebook:hover {
                background: #0a3d52;
                border: 1px solid #0a3d52
            }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .btn-rebooking-transaction > button#btnCancelRebooking {
            border: 1px solid #333;
            background: #222;
            padding: 8px 28px;
            color: #fff;
            font-family: core-sans-medium;
            font-size: 1rem;
            line-height: 1.618;
            font-weight: 500;
            transition: all .3s ease-in-out;
            cursor: pointer
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .btn-rebooking-transaction > button#btnCancelRebooking:hover {
                background: #111;
                border: 1px solid #111
            }

    .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
        margin-top: 40px
    }

        .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel > .legend-item {
            display: inline-block;
            vertical-align: middle
        }

            .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel > .legend-item > .legend-square {
                height: 16px;
                width: 16px;
                border: 1px solid #b2b2b2;
                display: inline-block;
                position: relative;
                top: 3px;
                margin-right: 16px
            }

            .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel > .legend-item > label {
                display: inline-block;
                font-family: core-sans-light;
                font-size: 1rem;
                line-height: 1.618
            }

            .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel > .legend-item:first-child > .legend-square {
                background: #ffd300
            }

            .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel > .legend-item:nth-child(2) > .legend-square {
                background: #df153c
            }

            .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel > .legend-item:nth-child(3) > .legend-square {
                background: #10a800
            }

            .modal-dialog.rebooking-modal-dialog .modal-content > .modal-body.rebooking-modal-body > .legend-panel > .legend-item:nth-child(4) > .legend-square {
                background: #fff
            }

    .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel {
        border: 1px solid #959595
    }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel:first-of-type {
            margin-bottom: 24px
        }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .title-holder {
            background: #e0163d;
            padding: 12px 18px
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .title-holder > h1 {
                color: #fff;
                font-family: core-sans-light;
                font-size: 1.125rem;
                line-height: 1.618
            }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder {
            padding: 12px 18px;
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder > .info-column:first-of-type {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: 55%;
                max-width: 55%;
                min-width: 55%;
                margin-right: 0
            }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder > .info-column:last-of-type {
                flex-grow: 0;
                flex-shrink: 0;
                flex-basis: 45%;
                max-width: 45%;
                min-width: 45%;
                margin-right: 0
            }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder > .info-column > .data-info {
                margin-bottom: 16px
            }

                .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder > .info-column > .data-info > input[type=text] {
                    padding: 8px;
                    width: 104px;
                    border: 1px solid #777;
                    cursor: pointer
                }

                .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder > .info-column > .data-info > select {
                    cursor: pointer;
                    width: 122px;
                    padding: 5px 12px
                }

                .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder > .info-column > .data-info > p {
                    font-family: core-sans-medium;
                    font-size: 1rem;
                    line-height: 1.618;
                    font-weight: 500
                }

                .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .sched-panel > .info-holder > .info-column > .data-info > span {
                    font-family: core-sans-light;
                    font-size: 1rem;
                    line-height: 1.618
                }

    .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan {
        margin: 0 auto;
        width: 300px
    }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > .front-seat {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            justify-content: space-between
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > .front-seat > #divDriver {
                background: #6dbaf8;
                color: #fff;
                border: 1px solid #000;
                width: 100%;
                padding: 12px 0;
                text-align: center;
                border-radius: 8px;
                max-width: 110px;
                margin-bottom: 8px
            }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > .front-seat > #divConductor {
                background: #6dbaf8;
                color: #fff;
                border: 1px solid #000;
                width: 100%;
                padding: 12px 0;
                text-align: center;
                border-radius: 8px;
                max-width: 110px;
                margin-right: 8px;
                margin-bottom: 8px
            }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > #divSeatPlan {
            display: flex;
            flex-wrap: wrap;
            flex-direction: row;
            width: 100%;
            justify-content: space-between
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > #divSeatPlan > .btn-seat {
                background: #fff;
                color: #000;
                border: 1px solid #000;
                width: 100%;
                padding: 8px 0;
                text-align: center;
                display: block;
                border-radius: 8px;
                max-width: 50px;
                margin-bottom: 8px;
                text-decoration: none
            }

                .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > #divSeatPlan > .btn-seat.seat-crew {
                    background: #ffd300;
                    color: #fff
                }

                .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > #divSeatPlan > .btn-seat.seat-selected {
                    background: #10a800;
                    color: #fff
                }

                .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > #divSeatPlan > .btn-seat.seat-booked {
                    background: #df153c;
                    color: #fff
                }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > #divSeatPlan > .spacing {
                margin: 0 25px;
                margin-bottom: 8px
            }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > #divPlan > #divSeatPlanLoader {
            width: 100%;
            text-align: center;
            padding: 80px 0
        }

    .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > .rebooking-details {
        text-align: center;
        margin-bottom: 16px
    }

        .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > .rebooking-details > label {
            font-family: core-sans-light;
            font-size: 1.125rem;
            line-height: 1.618
        }

            .modal-dialog.rebooking-modal-dialog > .modal-content > .modal-body.rebooking-modal-body > .rebooking-process > .seatplan > .body > .rebooking-details > label[data-preamble]:after {
                font-family: core-sans-light;
                font-size: 1.25rem;
                line-height: 1.618;
                content: attr(data-preamble);
                margin: 0 16px;
                color: #e0163d
            }

.modal-vlp .modal-body {
    background: #f3f3f3;
    padding: 64px 16px 32px;
    text-align: center
}

    .modal-vlp .modal-body input[type=password], .modal-vlp .modal-body input[type=text] {
        border: none;
        padding: 18px;
        color: rgba(0,0,0,.5);
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        width: 80%;
        margin-bottom: 32px
    }

    .modal-vlp .modal-body input[type=submit] {
        font-family: core-sans-medium;
        font-size: 1.125rem;
        line-height: 1.618;
        font-weight: 500;
        transition: all .3s ease-in-out;
        border-radius: 3px;
        background: #df153c;
        color: #fff;
        border: none;
        padding: 8px 24px;
        margin-top: 32px;
        cursor: pointer
    }

        .modal-vlp .modal-body input[type=submit]:hover {
            background: #0a3d52
        }

.modal-vlp-summary .modal-body {
    background: #f3f3f3;
    padding: 64px 16px 32px;
    text-align: center
}

    .modal-vlp-summary .modal-body input[type=password], .modal-vlp-summary .modal-body input[type=text] {
        border: none;
        padding: 8px;
        color: rgba(0,0,0,.5);
        font-family: core-sans-regular;
        font-size: 1rem;
        line-height: 1.618;
        margin-bottom: 16px
    }

    .modal-vlp-summary .modal-body button {
        font-family: core-sans-medium;
        font-size: 1.125rem;
        line-height: 1.618;
        font-weight: 500;
        transition: all .3s ease-in-out;
        border-radius: 3px;
        background: #df153c;
        color: #fff;
        border: none;
        padding: 8px;
        margin-top: 32px;
        cursor: pointer;
        margin-bottom: 32px;
        border-radius: unset
    }

        .modal-vlp-summary .modal-body button:hover {
            background: #0a3d52
        }

    .modal-vlp-summary .modal-body .form-group {
        display: block
    }

        .modal-vlp-summary .modal-body .form-group > * {
            display: inline-block
        }

        .modal-vlp-summary .modal-body .form-group .control-label {
            width: 120px;
            font-size: 14px
        }

        .modal-vlp-summary .modal-body .form-group .form-control {
            width: 200px
        }

.dng-block {
    width: 1100px;
    margin: 0 auto;
    padding: 40px 0
}

    .dng-block > .page-header > .page-title {
        font-family: core-sans-thin;
        font-size: 2.5rem;
        line-height: 1.618;
        color: #e0163d;
        text-align: center
    }

    .dng-block > .dng-container {
        width: 1100px;
        margin: 0 auto;
        margin: 40px auto
    }

        .dng-block > .dng-container > .img-holder {
            width: 80%;
            margin: 0 auto
        }

            .dng-block > .dng-container > .img-holder > img {
                max-width: 100%
            }

.modal, .modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade > .modal-dialog {
        transition: transform .3s ease-out;
        transform: translate3d(0,-25%,0)
    }

    .modal.in > .modal-dialog {
        transform: translateZ(0)
    }

.modal-open > .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    outline: 0;
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: #000
}

    .modal-backdrop.fade {
        filter: alpha(opacity=0);
        opacity: 0
    }

    .modal-backdrop.in {
        filter: alpha(opacity=50);
        opacity: .5
    }

.modal-header {
    min-height: 0;
    /*   min-height: 16.42857143px;*/
    padding: 15px
}

.modal-header-banner {
    min-height: 0px;
    padding: 15px
}

..modal-header-banner > .close {
    margin-top: -2px
}

.modal-header > .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}

.modal-title-footerTitle {
    margin: 0;
    line-height: 1.42857143;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase
}


.modal-body {
    position: relative
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer > .btn + .btn {
        margin-bottom: 0;
        margin-left: 5px
    }

    .modal-footer > .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer > .btn-block + .btn-block {
        margin-left: 0
    }

    .modal-footer:after, .modal-footer:before {
        display: table;
        content: " "
    }

    .modal-footer:after {
        clear: both
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 400px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}