@font-face {

    font-family: 'Helvetica Neue';
    src: url('fonts/helveticaneue-webfont.woff2') format('woff2'),
         url('fonts/helveticaneue-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display:swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeueBold.woff2') format('woff2'), url('HelveticaNeueBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('fonts/HelveticaNeueItalic.woff2') format('woff2'), url('HelveticaNeueItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}


* {
    font-family:  Helvetica, Arial, sans-serif;
}

body {
    color: #444;
    line-height: 1.5;
    letter-spacing: 1px;
}

#main {
    min-height: 600px;
    padding-bottom: 30px;
}
.page-Home #main,
.page-TransitLinkTicketOffices #main,
.page-ConcessionCardReplacementOffices #main,
.page-SelfHelpTicketingMachines #main
.page-Careers #main,
.page-ConcessionCards #main,
.page-SelfHelpTicketingMachines #main,
.page-Careers #main,
.page-TravelFares #main {
    padding-bottom: 0;
}
.marginBottomNone .umb-grid {
    margin-bottom: 0;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
    font-weight: bold;
    margin-bottom: 1.5em;
}

h1 {
    margin-top: 20px;
}
h2 {
    margin-bottom: 1em;
}
h5 {
    
}

p {
    margin-bottom: 1.5rem;
}
ul.alpha,
ol.alpha {
    list-style: lower-alpha;
    margin: 1em 0;
}
ul.roman,
ol.roman {
    list-style: lower-roman;
    margin: 1em 0;
}
ul.decimal,
ol.decimal {
    list-style: decimal;
    margin: 1em 0;
}

.list-long > ol {
        
}
.list-long > ol > li {
}
.list-long > ol > li li {
}
.list-long h4.text-title {
    margin: 0 0 1em;
}
.list-long li {
    margin: 1.5em 0;
}
.list-long li li {
    margin: 0 0 10px;
}

a {
    color: #348AFD;
}
    a:hover {
        color: #2467bf;
    }
.btn {
    font-size: 1rem;
}

.btn-outline-primary {
    border-radius: 50px;
    color: #2539E5;
    border-color: #2539E5;
    text-transform: none;
}

.btn-outline-primary:hover {

    color: #fff;
    background-color: #2539E5;
}


.icon-arrow-left,
.icon-arrow-right {
    background: #2599fb url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPHRpdGxlLz4KIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCB0cmFuc2Zvcm09InJvdGF0ZSgxODAgMTkuMzQxNDkxNjk5MjE4NzUsMTUuOTk3OTYyOTUxNjYwMTU4KSAiIGZpbGw9IiNmZmZmZmYiIGlkPSJzdmdfMSIgZD0ibTIzLjg0MTQ5MSwyNmExLDEgMCAwIDEgLTAuNzEsLTAuMjlsLTksLTlhMSwxIDAgMCAxIDAsLTEuNDJsOSwtOWExLDEgMCAxIDEgMS40MiwxLjQybC04LjMsOC4yOWw4LjMsOC4yOWExLDEgMCAwIDEgMCwxLjQyYTEsMSAwIDAgMSAtMC43MSwwLjI5eiIvPgogIDxwYXRoIHRyYW5zZm9ybT0icm90YXRlKDE4MCAxNS4wNDI3ODI3ODM1MDgyOTksMTYpICIgZmlsbD0iI2ZmZmZmZiIgc3Ryb2tlPSJudWxsIiBpZD0ic3ZnXzIiIGQ9Im0yNC4yNTg5MTQsMTdsLTE4LjQzMjI2MiwwYTAuNzY4MDExLDEgMCAwIDEgMCwtMmwxOC40MzIyNjIsMGEwLjc2ODAxMSwxIDAgMCAxIDAsMnoiLz4KIDwvZz4KPC9zdmc+") no-repeat center center;
    background-size: 25px;
    fill: white;
    display: block;
    border-radius: 100%;
    width: 30px;
    height: 30px;
    outline: none;
    text-indent: -99999px;
    overflow: hidden;
}

.icon-arrow-left {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPHRpdGxlLz4KIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCBmaWxsPSJub25lIiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGhlaWdodD0iNDAyIiB3aWR0aD0iNTgyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBpZD0ic3ZnXzEiIGQ9Im0xNy4yOTQwMzQsMjZhMSwxIDAgMCAxIC0wLjcxLC0wLjI5bC05LC05YTEsMSAwIDAgMSAwLC0xLjQybDksLTlhMSwxIDAgMSAxIDEuNDIsMS40MmwtOC4zLDguMjlsOC4zLDguMjlhMSwxIDAgMCAxIDAsMS40MmExLDEgMCAwIDEgLTAuNzEsMC4yOXoiLz4KICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBzdHJva2U9Im51bGwiIGlkPSJzdmdfMiIgZD0ibTI2LjQ5NDMwNywxN2wtMTguNDMyMjYyLDBhMC43NjgwMTEsMSAwIDAgMSAwLC0ybDE4LjQzMjI2MiwwYTAuNzY4MDExLDEgMCAwIDEgMCwyeiIvPgogPC9nPgo8L3N2Zz4=");
}

.icon-arrow-left.secondary,
.icon-arrow-right.secondary {
    background-color: #E5F0FF;
}

.icon-arrow-left-outline,
.icon-arrow-right-outline {
    border: 1px solid #2599fb;
    background-color: #2599fb;
}

.icon-arrow-left-outline:hover,
.icon-arrow-right-outline:hover {
    border: 1px solid #2599fb;
    background-color: #2599fb;
}

hr {
    border-top: 1px solid rgba(110,110,110,0.2);
}

.title-highlight {
    border-left: 5px solid #2539E5;
    font-weight: bold;
    line-height: 1.2;
    padding-left: 10px;
    margin: 0px 0 30px;
}



.umb-grid {
    margin-bottom: 2rem;
}
.umb-grid .grid-section div > .container  {
    /*
    margin-left: -15px;
    margin-right: -15px;
    */
}

.button-image {
    background: none;
    border: none;
    padding: 0;
}

.highlight-box {
    border: 1px solid #2539E5;
    color: #2539E5;
    padding: 0.5em 0.8em;
}

.overlay-bottom {
    margin-bottom: 0 !important;
}

.overlay-bottom:after {
    content: '';
    display: block;
    background: #EFFCFF;
    height: 100px;
}
.overlay-bottom > *:first-child {
    margin-bottom: -50px;
}

.block-number {
    text-align: center;
    font-weight: bold;
    font-size: 0.8125em;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #191919;
    transition: 0.3s ease-out;
}

    .block-number:hover {
        opacity: 1;
    }

    .block-number::after {
        content: '';
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 6px;
        margin-bottom: 2px;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 3px solid #191919;
    }

    .block-number a:hover,
    .block-number a:focus {
        color: #191919;
    }

.demo-section .main-content .section,
.demo-topbar .main-content .topbar,
.demo-navbar .main-content .navbar,
.demo-header .main-content .header,
.demo-footer .main-content .footer {
    margin: 30px 20px 100px;
    border: 1px solid #f5f6f7;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.demo-topbar .main-content .topbar,
.demo-navbar .main-content .navbar {
    position: static;
    margin: 0;
}

.sample-blocks img {
    border-radius: 0.25rem;
}

    .sample-blocks img.aos-animate {
        opacity: 0.5 !important;
    }

    .sample-blocks img:hover {
        opacity: 1 !important;
        transition: 0.7s !important;
    }

.sample-blocks a {
    position: absolute;
}

    .sample-blocks a:nth-child(1) {
        -webkit-animation: wobble 4s infinite;
        animation: wobble 4s infinite;
        right: 15px;
        bottom: -20px;
    }

    .sample-blocks a:nth-child(2) {
        -webkit-animation: wobble 8s infinite;
        animation: wobble 8s infinite;
        right: 320px;
        bottom: 30px;
    }

    .sample-blocks a:nth-child(3) {
        -webkit-animation: wobble 5s infinite;
        animation: wobble 5s infinite;
        right: 0px;
        bottom: 190px;
    }

    .sample-blocks a:nth-child(4) {
        -webkit-animation: wobble 6s infinite;
        animation: wobble 6s infinite;
        right: 280px;
        bottom: 180px;
    }

    .sample-blocks a:nth-child(5) {
        -webkit-animation: wobble 9s infinite;
        animation: wobble 9s infinite;
        right: 270px;
        bottom: 320px;
    }

    .sample-blocks a:nth-child(6) {
        -webkit-animation: wobble 7s infinite;
        animation: wobble 7s infinite;
        right: 20px;
        bottom: 370px;
    }

    .sample-blocks a:nth-child(7) {
        -webkit-animation: wobble 5s infinite;
        animation: wobble 5s infinite;
        right: 200px;
        bottom: 470px;
    }

    .sample-blocks a:nth-child(8) {
        -webkit-animation: wobble 8s infinite;
        animation: wobble 8s infinite;
        right: 10px;
        bottom: 470px;
    }

    .sample-blocks a:nth-child(9) {
        -webkit-animation: wobble 9s infinite;
        animation: wobble 9s infinite;
        right: 0px;
        bottom: 570px;
    }

.umb-grid {
    /*
        margin-left: -15px;
        margin-right: -15px;
     */
}

@-webkit-keyframes wobble {
    0% {
        transform: rotate(-1deg) translate(-5px, -5px);
    }

    50% {
        transform: rotate(1deg) translate(5px, 5px);
    }

    100% {
        transform: rotate(-1deg) translate(-5px, -5px);
    }
}

@keyframes wobble {
    0% {
        transform: rotate(-1deg) translate(-5px, -5px);
    }

    50% {
        transform: rotate(1deg) translate(5px, 5px);
    }

    100% {
        transform: rotate(-1deg) translate(-5px, -5px);
    }
}

@media (max-width: 400px) {
    body > .footer .social a:last-child,
    body > .footer .nav a:last-child {
        display: none;
    }
}

.margin-bottom-extra {
    margin-bottom: 50px;
}


/* =navbar
**************************/
.navbar-brand {
    width: 60%;
}

nav.navbar {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
    background: #F7F7F7;
    padding: 20px 1rem;
}

.navbar-mobile {
    margin: 0;
}

.navbar-dark .navbar-toggler {
    width: 30px;
    height: 20px;
    position: relative;
    padding: 0;
    border-bottom: 2px solid #2539E5;
    border-radius: 0;
}

.navbar-toggler:before {
    content: '';
    border-top: 2px solid #2539E5;
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    right: 10%;
}

.navbar-toggler:after {
    content: '';
    border-top: 2px solid #2539E5;
    position: absolute;
    top: 9px;
    left: 0;
    right: 30%;
}

.navbar-toggler {
}

.navbar-mobile .close {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 20;
}

.navbar-expand-lg .navbar-mobile {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    left: -320px;
    padding-top: 40px;
}

.nav-top-links {
    /*
            position: absolute;
            right: 1rem;
            top: -30px;
        */
    flex-shrink: 0;
    margin-bottom: 0px;
}

a.dropdown-toggle {
    position: relative;
    padding-right: 10px;
}

.dropdown-toggle:after {
    display: block;
    position: absolute;
    right: 10px;
    top: 1em;
    width: 0;
    height: 0;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid rgba(117,117,117,0.8);
    border-right: 0 solid transparent;
    transform: rotate(0);
}

.navbar .button-image {
    margin: 0 5px;
}

.navbar-expand-lg .nav-navbar .nav .nav-link {
    border-bottom: 1px solid #ececec;
    line-height: 1.2;
    padding: 10px 1.125rem;
}
.nav-navbar .nav li:last-child .nav-link {
    border-bottom: none;
}

.navbar-expand-lg .nav-navbar .nav {
    background: #f7f8f9;
    margin-left: 0;
}
.navbar-expand-lg .nav-navbar .nav-item .nav-item .nav {
    background: #eaeff4;
    margin-left: 1.25rem;
}

    /* =navbar end
**************************/

    /* =search box 
**************************/
    .search-box-container {
        
        background: #eaeff4;
        padding: 20px;
    }

    .navbar .search-box-container {
        display: none;
        box-shadow: 0 0px 5px rgba(0, 0, 0, 0.2);
        position: absolute;
        left: 0;
        right: 0;
        bottom: -220%;
    }
    .search-box-container button {
        background: #fff;
    }
    .search-box-container button:hover {
        background: #efefef;
    }
    .search-box-container input:-internal-autofill-selected {
        background: #fff !important;
    }

/* =search box end
**************************/


/* =footer
**************************/
#footer {
    background-color: #E8F6FF;
    color: #6E6E6E;
    /* font-size: 13px; */
    padding: 0px 1rem 0px;
}
    #footer .col-xs-12 {
        
    }

    #footer .download-app,
    #footer .address,
    #footer .contact1,
    #footer .contact2,
    #footer .social,
    #footer .copyright,
    #footer .footer-links {
        border-bottom: 1px solid rgba(110,110,110,0.2);
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    #footer .copyright,
    #footer .footer-links {
        border-bottom: none;
        padding: 0;
    }

    #footer .row-bottom .row {
        padding: 0 0 20px;
        flex-direction: column-reverse;
    }
    #footer .row-bottom .row:nth-child(1) {
        padding: 20px 0 40px;
    }
    #footer .row-bottom .col-xs-12 {
        border-bottom: none;
        padding: 0;
    }

    #footer h3 {
        /*font-size: 14px;*/
        font-weight: bold;
        letter-spacing: 0.78px;
        margin: 10px 0;
    }

    #footer p {
        /*font-size: 13px;*/
        margin: 0px 0px 10px;
        width: 80%;
    }


    #footer .hotline,
    #footer .tel,
    #footer .fax {
        /*font-size: 26px;*/
        font-size: 1rem;
    }

    #footer .hotline {
        box-shadow: none;
        margin: 0 0 5px;
        padding: 0;
        width: auto;
        height: auto;
    }

    #footer address {
        margin: 0;
    }
    #footer .address address {
        
        width: 80%;
    }

    #footer address p {
        width: 100%;
    }
        #footer .footer-app-link {
            /*width: 173px;*/
            width: 40%;
            margin: 0 2% 10px;
        }

        .download-app h3 {
            flex-basis: 100%;
        }

        #footer .contact a {
            font-weight: bold;
        }

    #footer .contact1 {
        border-bottom: none;
        padding-bottom: 0;
    }
    #footer .contact2 {
        padding-top: 0;
    }
    #footer .tel,
    #footer .fax {
        display: inline-block;
        width: 45%;
        margin: 0 2% 10px;
    }
        #footer .tel:after {
            content: '';
            border-right: 1px solid #6E6E6E;
            position: relative;
            right: -11%;
        }

        #footer .social h3 {
            margin: 0 5px 0 0;
        }
    .social a {
        border-radius: 100%;
        border: 1px solid #000;
        margin: 0 5px;
        line-height: 0;
    }

    .footer-links {
        border-bottom: none;
        display: flex;
        flex-direction: column;
        
    }
        .footer-links a {
            color: #6E6E6E;
            margin: 5px;
            /*font-size: 9px;*/
            font-weight: bold;
        }
        .footer-links a:hover {
            color: #444;
        }

    #footer .copyright {
        border-bottom: none;
        /*font-size: 9px;*/
        margin: 10px 0;
        text-align: center;
    }
    #footer .compatibility-col {
        justify-self: center;
        text-align: center;
    }
/* =footer end
**************************/

/*# sourceMappingURL=style.css.map */

/* =swiper
***************/
.swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    /*bottom: -30px;*/
}
.swiper-pagination-bullet {
    border: 1px solid #2539E5;
    background: #fff;
    margin: 0 2px;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #BCE0FD;
}
.swiper-pagination {
    display: flex;
    justify-content: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    width: 100%;
    margin: 10px 0 50px;
}

/* =swiper end 
***************/

/* =nav-pills 
***************/
.nav-pills {
    display: flex;
    margin: 0 0 20px;
    justify-content: center;
}

.nav-pills li {
    margin-bottom: 15px;
    width: 100%;
}

.nav-pills a.nav-link {
    border-radius: 10px;
    color: #2539E5;
    border: 1px solid #2539E5;
    margin: 0 20px;
    padding: 8px 26px 6px;
    text-transform: none;
    text-align: center;
}

.nav-pills a.nav-link:hover,
.nav-pills a.nav-link.active {

    color: #fff;
    background-color: #2539E5;
}

.tab-content {
    border-top: 1px solid rgba(117,117,117,0.8);
    padding-top: 50px;
}

/* =nav-pills end 
***************/

/* =searchResults
    **************************/
.page-Search .search-box-container {
    margin: 30px 0;

}
.search-list {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
}

.search-list li {
    border-top: 1px solid rgb(133,133,133);
    margin: 0 0 20px;
    padding: 20px 0;

}
.search-list li:first-child {
    border-top: none;

}

/* =searchResults  
    **************************/

/* =header 
    **************************/
#header {
    background: #EFFCFF;
    margin-top: 100px;
    padding: 0 0 1px;

}
#header .banner {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background: rgb(163,66,246);
    background: linear-gradient(90deg, rgba(163,66,246,1) 0%, rgba(34,145,248,1) 100%);
    
    padding: 20px 0;
    margin: 0 0 -100px;
    height: 300px;
    display: flex;
    align-items: center;
    position: relative;
    top: -100px;
}
#header h1,
#header h2 {
    color: #fff;
    margin: 0;
    padding: 0 0.7em;
}
#header .banner.type2 {
    background: linear-gradient(90deg, rgba(37,57,229,1) 0%, rgba(157,25,175,1) 50%, rgba(237,23,113,1) 100%);
}
#header .banner.type3 {
    background: linear-gradient(90deg, rgba(37,57,229,1) 0%, rgba(237,23,113,1) 100%);
}
#header .banner.type4 {
    background: linear-gradient(90deg, rgba(248,62,176,1) 0%, rgba(248,153,83,1) 100%);
}
#header .banner.type5 {
    background: linear-gradient(90deg, #FF796D 0%, #FFD800 100%);
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin: 20px 0 40px;
    padding: 0;
    list-style: none;
}
.breadcrumbs li {
    margin-right: 20px;
    margin-bottom: 10px;
}
.breadcrumbs li:after {
    content: '';
    border-right: 1px solid #444;
    position: relative;
    right: -10px;
}
.breadcrumbs li:last-child {
    margin-right: 0;
}
.breadcrumbs li:last-child:after {
    border: none;
}

/* =header end
    **************************/

/* =table
**************************/
/*
table {
    border-collapse: collapse;
    margin: 0 0 1rem;
}

table th {
    background: #dee2fb;
}

table th,
table td {
    border: 1px solid #bfc5f7;
    padding: 0.5em 0.8em;
}
*/
/* =table end
**************************/

/* =headerConcessionCard 
    **************************/
#headerConcessionCard {
    position: relative;
    margin-bottom: 50px;
}
#headerConcessionCard:after {
    
}
#headerConcessionCard h1 {
    margin: 0 0 20px;
}
    #headerConcessionCard .container {
        padding-top: 30px;
        padding-bottom: 30px;

    }
    #headerConcessionCard .container:after {
        content: '';
        background: #EFFCFF;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 100%;
        z-index: -2;
    }
        #headerConcessionCard .container > * {
            /*margin-top: 0;
            margin-right: 5%;*/
        }
    #headerConcessionCard img {

    }
       

/* =headerConcessionCard end 
    **************************/

/* =row-paragraph
    **************************/

.introduction.row-paragraph {
    background:#EFFCFF;
    padding: 0px 0 50px;
}

.row-paragraph {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0 50px;
}

.row-paragraph .container {
    padding-bottom: 30px;
    padding-top: 30px;
}
.row-paragraph .row {
    width: 100%;
}
.row-paragraph.header {
    margin: 0 0 50px;
}

.row-paragraph.header h1,
.row-paragraph.header h2,
.row-paragraph.header h3, 
.row-paragraph.header h4 {
    margin: 0;
}
.row-paragraph.alt.background,
.row-paragraph.alt .container {
    background: #EFFCFF;
}
.row-paragraph.no-margin {
    margin: 0 0 0px;
}
.row-paragraph.close-margin {
    margin: 0 0 20px;
}
.row-paragraph .container {
    display: flex;
    justify-content: space-between;
}
.row-paragraph h2,
.row-paragraph p {
    margin: 0;
}
.row-paragraph h2 {

}


.row-paragraph p {
    margin-top: 10px;
}
/* =introduction end
    **************************/

/* =concessionCards
    ***********/
.concession-card-group {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    
    margin: 0 0 30px;
    padding: 0 0;
}

    .concession-card-group .concession-card {
        margin: 00px 0 50px 0;
    }

    .concession-card-group h2,
    .concession-card-group h3 {
        flex-basis: 100%;
        margin-top: 30px;
        margin-bottom: 1em;
    }

    .concession-card-group h4 {
        font-family: Helvetica, Arial, sans-serif;
        font-size: 1em;
        font-weight: bold;
    }

.concession-card a {
    font-weight: bold;
}

.concession-card ul {
    margin-left: 0;
    list-style: none;
    padding-left: 0;
}

.concession-card li {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSI2NHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA2NCA2NCIgd2lkdGg9IjY0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx0aXRsZS8+PGRlc2MvPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRpY2siIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIj48ZyBmaWxsPSIjMDAwMDAwIiBpZD0iR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkuMDAwMDAwLCAxMy4wMDAwMDApIj48cGF0aCBkPSJNMTIuNTkwMDk3NCwzNC40MDk5MDI2IEMxMy41NjY0MDgyLDM1LjM4NjIxMzMgMTUuMTQ5MzIwNiwzNS4zODYyMTMzIDE2LjEyNTYzMTMsMzQuNDA5OTAyNiBMNDQuNDA5OTAyNiw2LjEyNTYzMTMzIEM0NS4zODYyMTMzLDUuMTQ5MzIwNiA0NS4zODYyMTMzLDMuNTY2NDA4MTUgNDQuNDA5OTAyNiwyLjU5MDA5NzQyIEM0My40MzM1OTE4LDEuNjEzNzg2NjkgNDEuODUwNjc5NCwxLjYxMzc4NjY5IDQwLjg3NDM2ODcsMi41OTAwOTc0MiBMMTIuNTkwMDk3NCwzMC44NzQzNjg3IEMxMS42MTM3ODY3LDMxLjg1MDY3OTQgMTEuNjEzNzg2NywzMy40MzM1OTE4IDEyLjU5MDA5NzQsMzQuNDA5OTAyNiBaIiBpZD0iUmVjdGFuZ2xlIi8+PHBhdGggZD0iTTEuNDI4OTMyMTksMTkuOTI4OTMyMiBDMi40MDUyNDI5MiwxOC45NTI2MjE1IDMuOTg4MTU1MzYsMTguOTUyNjIxNSA0Ljk2NDQ2NjA5LDE5LjkyODkzMjIgTDE1LjU3MTA2NzgsMzAuNTM1NTMzOSBDMTYuNTQ3Mzc4NSwzMS41MTE4NDQ2IDE2LjU0NzM3ODUsMzMuMDk0NzU3MSAxNS41NzEwNjc4LDM0LjA3MTA2NzggQzE0LjU5NDc1NzEsMzUuMDQ3Mzc4NSAxMy4wMTE4NDQ2LDM1LjA0NzM3ODUgMTIuMDM1NTMzOSwzNC4wNzEwNjc4IEwxLjQyODkzMjE5LDIzLjQ2NDQ2NjEgQzAuNDUyNjIxNDU5LDIyLjQ4ODE1NTQgMC40NTI2MjE0NTksMjAuOTA1MjQyOSAxLjQyODkzMjE5LDE5LjkyODkzMjIgWiIgaWQ9IlJlY3RhbmdsZSIvPjwvZz48L2c+PC9zdmc+) no-repeat left top;
    background-size: 20px;
    padding: 0 0 0 30px;
}

.concession-card .content {
    margin: 30px 0;
}

.page-ConcessionCards .concessionCardFooter {
    border-top: 1px solid rgba(117,117,117,0.8);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 50px 0 0;
    padding: 30px 0;
}
.page-ConcessionCards #footer {
    
}
.page-ConcessionCards footer >*{
    
}
/* =concessionCards end
    ***********/


/* =page-Home 
    **************************/
h1.highlight,
h2.highlight,
h3.highlight {
    font-size: 20px;
    margin: 50px 0;
    position: relative;
    padding-bottom: 20px;
    text-align: left;
    background-position-x: left !important;
}
/*
h1.highlight:after,
h2.highlight:after,
h3.highlight:after {
    content: '';
    width:200px;
    
    position: absolute;
    bottom: -15px;
    right: 0;
    left: 50%;
    margin-left: -100px;

}*/

.page-Home section .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#concessionCards .cards,
#ourOnlineServices .cards,
#travelGuide .cards,
#locations .cards {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    
    flex-wrap: wrap;
}

#concessionCards .cards {
    flex-wrap: nowrap;
    justify-content: flex-start;
}

#concessionCards .btn {
    align-self: center;
}
#concessionCards .btn img {
    width: 12px;
    vertical-align: initial;
}

#concessionCards .information {
    flex-basis: 100%;
    width: 100%;
}

.page-Home #concessionCards .concession-card-group {

    background: #F2F4FE;
    padding: 0 20px;
}

.page-Home #concessionCards .concession-card-group .concession-card {
    margin: 20px 2% 20px 0;
    width: 48%;
}

#concessionCards figure {
    position: relative;
}
#concessionCards figure.active:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 20px solid #F2F4FE;
    position: absolute;
    top: 166px;
    left: 50%;
    margin-left: -10px;
}


#ourOnlineServices .cards {
    justify-content: flex-start;
}
#ourOnlineServices figcaption {
    text-align: left;
}

#locations .cards {
    justify-content: space-evenly;
    flex-wrap: nowrap;
}
.cards-wrapper {
    width: 100%;
    overflow-y: scroll;
    padding: 0 0 20px;
}

.cards figure {
    margin: 0 12px 0;
    text-align: center;
}
.cards figcaption {
    margin: 10px 0;
    line-height: 1.2;
}

.cards figure a {
    color: #444;
    font-weight: bold;
}

    .cards figure a:hover {
        color: #999;
    }

#concessionCards figure {
    flex-shrink: 0;
    width: 100px;
}

#ourOnlineServices figure {
    width: 40%;
}


#locations figure {
}

#locations {
    padding-top: 250px;
    padding-bottom: 50px;
    margin-bottom: 0;
    
}

.page-Home #locations {
    margin-top: -90px;
}

/* =page-Home end 
    **************************/

/* =simplyGo  
    **************************/

#simplyGo {
    background: transparent linear-gradient(270deg, #ED1771 0%, #9D19AF 46%, #2539E5 100%) 0% 0% no-repeat padding-box;
    padding-bottom: 30px;
    padding-top: 30px;
}
    #simplyGo .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

#simplyGo .full-area-lg-text {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: 2.25px;
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 0 1em;
    text-align: center;
}

#simplyGo a {
    letter-spacing: normal;
    font-size: 1rem;
    color: #FFF;
    display: block;
    background: transparent;
    border: 2px solid #FFF;
    border-radius: 50px;
    padding: 12px 20px;
    text-align: center;
    width: 80%;
}
#simplyGo a:hover {
    border-color: #f8fb82;
    color: #f8fb82;
}

.simplygo .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1.2rem;
    text-align: center;
}

/* =simplyGo end 
    **************************/

/* =page-About 
*************************************/
.staff-awards h4 {
    min-height: 100px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 30px;
}
/* =page-About end
*************************************/

/* =concessionCards  
    **************************/

.page-ConcessionMain .concession-card-group {
    border-top: 1px solid rgba(117,117,117,0.8);
}

.page-ConcessionMain .concession-card {

}

.page-ConcessionCards .nav-pills {
    margin-left: auto;
    margin-right: auto;
}

/* =concessionCards  end
    **************************/

/* =page-travel-fares 
    **************************/
    .page-travel-fares table {
        width: 100%;
        max-width: 800px;
    }
    .page-travel-fares .table-fares-footer {
        margin: 0 auto 1.5rem;
        max-width: 800px;
        width: 100%;
    }

/* =page-travel-fares end
    **************************/

/* =ticketOffices  
    **************************/

.page-TicketOffices .banner .container {
    /*display: flex;
    justify-content: center;*/
}

.header {
    margin: 20px 15px;
}
.alphabet-map-container {
    background: #EFFCFF;
    margin: 0 0 50px;
    padding: 50px 0 50px;
}

.alphabet-map {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
}
    .alphabet-map li {
        width: 16%; 
    }

    .alphabet-map li a,
    .offices h2{
        display: block;
        font-weight: bold;
        font-size: 26px;
        padding: 10px;
        text-align: center;
        text-transform: uppercase;
        
    }

    .offices h2 {
        color: #348AFD;
        text-align: left;
    }
    .offices h3 {
        border-left: 5px solid #2539E5;
        font-weight: bold;
        line-height: 1.2;
        padding-left: 10px;
    }
    .offices .highlight-link {
        border-left: 5px solid #2539E5;
        font-weight: bold;
        line-height: 1.2;
        padding-left: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .office {
        border-bottom: 1px solid rgba(110,110,110,0.2);
        margin: 0 0 2rem;
        padding: 0 0 10px;
    }
    .office p {
        margin: 0 0 5px;
    }

    .office ul {
        display: flex;
        list-style: none;
        margin: 0 0 5px;
        padding: 0;
    }
    .office li {
        margin: 0 10px 0 0;
    }
        .office li:after {
            content: '|';
            margin: 0 0 0 10px;
        }
        .office li:last-child:after {
            content: '';
            margin: 0;
        }
    .office li a {
        font-weight: bold;
    }

    .office .hours {
        background: #EFFCFF;
        padding: 10px;
        margin: 0 0 10px;
        font-style: italic;
    }
    .office .other-information {
        margin-top: 1.5rem;
    }

    .office-group:last-child .office:last-child {
        border-bottom: none;

    }
    


/* =ticketOffices end 
    **************************/

/* =page-TravelGuide  
    **************************/
#travelGuide .cards {
    flex-wrap: wrap;
}

#travelGuide figure {
    margin-bottom: 20px;
}
#travelGuide figcaption {
    display: block;
    color: #fff;
    background: #2539E5;
}
#travelGuide .collapsed figcaption {
    color: #2539E5;
    background: none;
}

#travelGuide .list {
    border-radius: 10px;
    border: 1px solid #2539E5;
    list-style: none;
    margin: 2em 0;
    padding: 0;
}
#travelGuide .list a {
    color: #2539E5;
    display: block;
    font-weight: bold;
    padding: 0.5em 0.5em;
}
#travelGuide .list li {
    border-bottom: 1px solid #2539E5;
}
#travelGuide .list li:last-child {
    border-bottom: none;
}
#travelGuide .list a:hover {
    color: #fff;
    background-color: #2539E5;
}

/* =page-TravelGuide end 
    **************************/

/* =backToTop
    **************************/
.backToTop {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    cursor: pointer;
    position: fixed;
    bottom: 5%;
    right: 5%;
    height: 50px;
    width: 50px;
    z-index: 10;
}
    .backToTop:hover {
        background: #ececec;
        }
    .backToTop:before {
        content: '';
        position: absolute;
        top: 34%;
        left: 35%;
        width: 30%;
        height: 30%;
        border-left: 3px solid #000;
        border-top: 3px solid #000;
        transform: rotate(45deg);
        margin: 0px 0 0 0;
    }
    .backToTop:after {
        content: '';
        position: absolute;
        top: 30%;
        left: 50%;
        margin: 0 0 0 -2px;
        width: 3px;
        height: 40%;
        background: #000;
    }

/* =backToTop end 
    **************************/

/* =card-list  
    **************************/

.card-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 30px -0.615%;
}


.card-list .card {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    margin: 0 0.615% 20px;
    padding: 20px;
    width: 98%;
    min-height: 220px;
}


    .card h3 {
        line-height: 1.2;
        margin: 0 0 50px;
    }

    .card .title-highlight {
        margin: 10px 0 0;
    }

    .card p {
        margin: 10px 0 0;
    }

/* =card-list end  
    **************************/

/* =card-column-list   
    **************************/

.card-column-list {
    margin: 30px 0 50px;
}
    .card-column-list .column > div:first-child {
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        padding: 20px;
        height: 100%;
    }

    .card-column-list .column {
        margin-bottom: 20px;
    }

/* =card-column-list end  
    **************************/

/* =media 
    **************************/

.media h3 {
    font-size: 1.6rem;
}
.media header h3 {
    margin: 0 0 1em;
}
    
.media .top {
    margin: 0 0 10px;
}
.media .content {
    margin: auto 0 0;
    width: 100%;
}
.media .read-more {
    display: flex;
    justify-content: space-between;
}
    .media .read-more i {
        /*
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgd2lkdGg9IjUxMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMzIyLjcsMTI4LjRMNDIzLDIzMy40YzYsNS44LDksMTMuNyw5LDIyLjRjMCw4LjctMywxNi41LTksMjIuNEwzMjIuNywzODMuNmMtMTEuOSwxMi41LTMxLjMsMTIuNS00My4yLDAgIGMtMTEuOS0xMi41LTExLjktMzIuNywwLTQ1LjJsNDguMi01MC40aC0yMTdDOTMuNywyODgsODAsMjczLjcsODAsMjU2YzAtMTcuNywxMy43LTMyLDMwLjYtMzJoMjE3bC00OC4yLTUwLjQgIGMtMTEuOS0xMi41LTExLjktMzIuNywwLTQ1LjJDMjkxLjQsMTE1LjksMzEwLjcsMTE1LjksMzIyLjcsMTI4LjR6Ii8+PC9zdmc+) no-repeat center center;
        background-size: 20px;
        display: block;
        border: 1px solid #2599fb;
        border-radius: 100%;
        width: 25px;
        height: 25px;
            */
    }

    .pagination {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap;
        margin: 30px 0;
        padding: 0;
        list-style: none;
    }
    .pagination li {
        margin: 0 5px;
    }
    .pagination li a,
    .pagination li span {
        display:inline-block;
        color: #444;
        width: 22px;
        text-align: center;

    }
    .pagination li.active span {
        border-radius: 100%;
        background: #2539E5;
        color: #fff;
    }
    .pagination li.previous a {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDk2IDk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTM5LjM3NTYsNDguMDAyMmwzMC40Ny0yNS4zOWE2LjAwMzUsNi4wMDM1LDAsMCwwLTcuNjg3OC05LjIyM0wyNi4xNTYzLDQzLjM5MDZhNi4wMDkyLDYuMDA5MiwwLDAsMCwwLDkuMjIzMUw2Mi4xNTc4LDgyLjYxNWE2LjAwMzUsNi4wMDM1LDAsMCwwLDcuNjg3OC05LjIyMzFaIi8+PC9zdmc+) no-repeat left top;
        background-size: 20px;
        padding: 0 0 0 30px;
        margin: 0 30px 0 0;
        width: auto;
    }
    .pagination li.next a {
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDk2IDk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTY5Ljg0MzcsNDMuMzg3NiwzMy44NDIyLDEzLjM4NjNhNi4wMDM1LDYuMDAzNSwwLDAsMC03LjY4NzgsOS4yMjNsMzAuNDcsMjUuMzktMzAuNDcsMjUuMzlhNi4wMDM1LDYuMDAzNSwwLDAsMCw3LjY4NzgsOS4yMjMxTDY5Ljg0MzcsNTIuNjEwNmE2LjAwOTEsNi4wMDkxLDAsMCwwLDAtOS4yMjNaIi8+PC9zdmc+) no-repeat right top;
        background-size: 20px;
        padding: 0 30px 0 0;
        margin: 0 0 0 30px;
        width: auto;
    }

/* =media end  
    **************************/

/* =usefulHotline  
    **************************/
.page-Contact section {
    margin: 0px 0 30px;
}

.page-Contact .main-contact {
    background: #EFFCFF;
    /*margin: -50px auto 110px;*/
}

.page-Contact .main-contact .container {
    /*position: relative;
    bottom: -80px;
        */
}
.page-Contact .contact-group {
    margin: 0 0 50px;
}
    .page-Contact .contact-group h6 {
        margin: 0 0 20px;
    }
.page-Contact .contact-group p {
    margin: 0 0 10px;
}

.page-Contact .address,
.page-Contact .tel,
.page-Contact .fax {
    /*font-size: 26px;*/
    font-size: 1.2rem;

}
.page-Contact .hotline,
.page-Contact .overseas {
    /*font-size: 26px;*/
    font-size: 1.75781rem; 
}
.page-Contact .hotline small,
.page-Contact .overseas small {
    font-size: 1rem;
}
.page-Contact .card-list .hotline {
    font-size: 1rem;
}

.hotline p.description {
    margin: 0 0 auto;
}


/* =usefulHotline end 
    **************************/

/* =careers 
    **************************/
.collapse-container .umb-grid {
    margin-bottom: 0;
}
.umb-grid .collapse-container {
    margin-bottom: -2rem;
}

.umb-grid .collapse-container {
    margin-bottom: calc(-2rem - 30px);
    position: relative;
}

.page-Careers h4.text-title {
    display: flex;
    align-items: center;
}
.page-Careers h4.text-title img {
    margin: 0 5px 0 0;
}
.collapse-container {
    background: #2539E5;
    color: #fff;
}
.collapse-container h2, 
.collapse-container h3, 
.collapse-container h4 {
    color: #fff;
}

.collapse-container h2 {
    margin: 2em 0;
    text-align: center;
}

.collapse-container .container {
    padding-top: 2em;
    padding-bottom: 60px;
}

.collapse-item {
    border-bottom: 1px solid #8BE5FA;
    padding: 2rem 0;
}
.collapse-item header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.collapse-item h3,
.collapse-item .title {

    font-size: 1rem;
    font-family: Helvetica,Arial,  sans-serif;
    padding: 0 0 0 0;
    position: relative;
}
.collapse-item h3 a,
.collapse-item .title a {
    color:#fff;
    display: block;
    padding: 0 0 0 50px;
}
.collapse-item h3 a:hover,
.collapse-item .title a:hover {
    color:#8BE5FA;
    display: block;
    padding: 0 0 0 50px;
}

.collapse-item h3 i,
.collapse-item .title i {
    font-weight: normal;
}

.collapse-item h3 a:before,
.collapse-item .title a:before {
    border-radius: 100%;
    border: 1px solid white;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxyZWN0IHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18zIiBoZWlnaHQ9IjEuNTAxNTkyIiB3aWR0aD0iMzIuNTYwODMiIHk9IjI0LjE3MDE3MiIgeD0iOC43MTk1ODYiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0ibnVsbCIgZmlsbD0iI2ZmZmZmZiIvPgogPC9nPgo8L3N2Zz4=");
        
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90%;
    content: '';
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0;
    top: -3px;
    width: 30px;
    height: 30px;
}
.collapse-item h3 a.collapsed:before,
.collapse-item .title a.collapsed:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPgogPC9nPgogPGc+CiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPgogIDxyZWN0IHN0cm9rZT0ibnVsbCIgaWQ9InN2Z18zIiBoZWlnaHQ9IjEuNTAxNTkyIiB3aWR0aD0iMzIuNTYwODMiIHk9IjI0LjE3MDE3MiIgeD0iOC43MTk1ODYiIGZpbGwtb3BhY2l0eT0ibnVsbCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIHN0cm9rZS13aWR0aD0ibnVsbCIgZmlsbD0iI2ZmZmZmZiIvPgogIDxyZWN0IHRyYW5zZm9ybT0icm90YXRlKDkwIDI1LDI0LjkyMDk2NzEwMjA1MDc4NSkgIiBzdHJva2U9Im51bGwiIGlkPSJzdmdfNCIgaGVpZ2h0PSIxLjUwMTU5MiIgd2lkdGg9IjMyLjU2MDgzIiB5PSIyNC4xNzAxNzIiIHg9IjguNzE5NTg2IiBmaWxsLW9wYWNpdHk9Im51bGwiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBzdHJva2Utd2lkdGg9Im51bGwiIGZpbGw9IiNmZmZmZmYiLz4KIDwvZz4KPC9zdmc+");
    
    
}

.collapse-item h4 {
    font-size: 1rem;
    font-style: italic;
    font-weight: normal;
    font-family: Helvetica,Arial,  sans-serif;
}

.collapse-item .btn {
    border-radius: 50px;
    background: #fff;
    color: #2539E5;
    margin-left: 10px;
    padding: 0.2em 0.5em;
    text-transform: none;
}
.collapse-item .btn:hover {
    background: #efefef;
}
.collapse-item .content {
    padding: 2em 0px;
}

/* =careers end 
    **************************/

/* =organisation 
    **************************/
.profiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
.profile {
    margin: 0 0 50px;
    min-height: 300px;
    text-align: center;
    width: 100%;
}

.profile h3 {
    color: #2539E5;
    font-size: 1.4rem;
    position: relative;
    margin: 1em 0 2em;
}
.profile h3:after {
    border-bottom: 3px solid #2539E5;
    content: '';
    position: absolute;
    width: 20px;
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -10px;
    display: block;
}
.profile p {
    margin: 0 0 1em;
}
.profile .designation {
    font-size: 1.2rem;
    font-weight: bold;
}
.profile .department {
    font-style: italic;
}

/* =organisation end 
    **************************/

/* swiper milestones
*************************************/

/* Transitions
*************************************/
.timeline {
    margin: 0 0 50px;
    padding: 0;
    width: 100%;
}

.timeline .button-prev,
.timeline .button-next {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .timeline .button-prev,
    .timeline .button-next {
        position: absolute;
        top: 300px;
        left: auto;
        right: 10px;
        z-index: 10;
    }
    .timeline .button-prev {
        left: 10px;
        right: auto;
    }

    .timeline .swiper-button-disabled {
        background-color: #6E6E6E;
        opacity: 0.2;
    }

.timeline-dates .swiper-slide:after,
.timeline-dates .swiper-slide div {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.timeline-dates {
    padding: .5rem 0 20px;
    margin: 3rem 0 3.5rem;
}

    .timeline-dates .swiper-slide {
        cursor: pointer;
        display: flex;
        align-items: flex-end;
        font-weight: bold;
        height: 60px;
        width: auto;
    }

        .timeline-dates .swiper-slide .date {
            
            font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 1.8rem;
            
            opacity: 0.2;
        }

    .timeline-dates .swiper-slide-active .date {
        font-size: 2.2rem;
        color: #2539E5;
        opacity: 1;
    }

    .timeline-dates.swiper-container:after {
        /*

        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        bottom: .3rem;
        opacity: .5;
        border-bottom: 2px dotted #e39034;
            */
    }

    .timeline-dates .swiper-slide:after {
        content: "";
        width: .4rem;
        height: .4rem;
        position: absolute;
        bottom: -15px;
        background-color: #B4B4B4;
        border-radius: 50%;
        left: 50%;
        margin-right: -50%;
        transform: translateY(-50%);
    }

    .timeline-dates .swiper-slide-active:after {
        background-color: #2539E5;
    }

.timeline-contents {
    /*height: 80%;
    width: 100%;*/
}

.timeline-img {
    height: 400px;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.timeline-box {
    padding: 20px;
    background: #2539E5;
    color: white;
    position: relative;
    z-index: 2;
}
.timeline-box h5 {
    color: white;
}
.timeline-picture-holder {
    height: 460px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}


/* hide styles from page.min */
.timeline::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 0;
    margin-left: -1px;
    background-color: transparent;
}


/* swiper milestones end
*************************************/

@media (max-width: 576px)  {
    .container, .container-sm {
        max-width: none;
    }
}


@media only screen and (min-width: 765px) {

    .concession-cards {
        display: flex;
        flex-wrap: wrap;
    }

    .concession-card-group .concession-card {
        margin: 0px 40px 20px 0;
        width: 300px;
    }

    .nav-pills li {
        width: auto;
    }


    /* =navbar 
    **************************/
    nav.navbar {
        
    }
    .navbar-brand {
        width: auto;
    }
    nav.navbar .container-fluid {
        position: relative;
        align-items: flex-end;
    }
    .navbar-mobile .close {
        display: none;
    }
    .navbar-left {
        margin: 0 0px 0 0;
    }
    .navbar-mobile {
        width: auto;
        flex-grow: 1;
        padding-bottom: 0px;
    }
    .nav-navbar .nav-link {
        text-transform: none;
        padding-right: 1.25rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-lg .navbar-mobile {
        box-shadow: none;
        padding-top: 0;
    }

    nav.navbar .dropdown {
        margin-top: 8px;
    }
    .navbar-expand-lg .nav-navbar .nav {
        background: #fff;
        margin-left: 0;
    }
    .navbar-expand-lg .nav-navbar .nav-item .nav-item .nav {
        background: #fff;
        margin-left: 3px;
    }

    .dropdown-toggle:after {
        border-bottom: 3px solid transparent;
        border-top: 3px solid transparent;
        border-left: 3px solid rgba(117,117,117,0.8);
        top: 0.8em;
        right: 8px;
        transform: rotate(90deg);
    }

    .dropdown .dropdown-toggle:after {
        border-bottom: 3px solid transparent;
        border-top: 3px solid transparent;
        border-left: 3px solid rgba(117,117,117,0.8);
        top: 1.2em;
        transform: rotate(0);
    }

    .dropdown a:hover {
        background: #eaeff4;
    }

    .nav-navbar > .nav-item > .nav-link, .nav-navbar > .nav-link {
        line-height: 1.8em;
    }

    
    

    /* =navbar end
    **************************/

    /* =header 
    **************************/
    #header .banner {
        /*padding: 20px 0;*/
    }
    /* =header end 
    **************************/

    /* =footer 
    **************************/
    #footer .row-top .col-xs-12 {
        padding: 20px 0;
    }

    #footer .row-top .address,
    #footer .row-top .contact2 {
        margin: 0;
        min-height: 160px;
    }

    #footer .download-app,
    #footer .social,
    #footer .address,
    #footer .contact1,
    #footer .contact2,
    #footer .social,
    #footer .copyright,
    #footer .footer-links {
        border-bottom: none;
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        padding: 10px 0;
        text-align: left;
    }
    #footer .download-app,
    #footer .social {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    #footer .copyright,
    #footer .footer-links {
        flex-direction: row;
    }

    #footer .copyright,
    #footer .footer-links {
        padding: 0px 0;
    }

    #footer .address {
        margin: 0 0 20px;
    }

    #footer h3,
    #footer p {
        margin: 0px 0 5px;
    }
    
    #footer p {
        /*font-size: 20px;*/
    }

    #footer address {
        width: auto;
    }


    #footer .hotline {
        /*font-size: 26px;*/
        font-size: 1.75781rem;
    }

    #footer .footer-app-link {
        width: 40%;
        margin: 5px 4% 10px 0;
    }


        #footer .tel:after {
            content: '';
            border-right: none;
        }

    #footer .col-xs-12 {
        /*align-items: flex-start;*/
    }
    #footer .row-bottom {
        border-top: 1px solid rgba(110,110,110,0.2);
    }
    
    #footer .row-bottom .row {
        flex-direction: row;
        align-items: flex-end;
        justify-content: center;
    }

    #footer .footer-links {
        flex-direction: row;
        justify-content: flex-end;
    }
    .footer-links a {
        /*font-size: 20px;*/
        margin: 0 0 0 15px;
        position: relative;
    }
        .footer-links a:before {
            border-left: 1px solid #6E6E6E;
            content: '';
            width: 0px;
            height: 1em;
            position: absolute;
            left: -7px;
            top: 5px;
        }
        .footer-links a:nth-child(1):before {
            border-left: none;
        }
    #footer .copyright {
        /*font-size: 16px;*/
    }
    #footer .contact p:nth-child(1) {
        /*margin:10px 0 10px;*/
    }

    #footer .hotline,
    #footer .tel,
    #footer .fax {
        display: block;
        width: 100%;
        margin: 0 0 5px;
        
    }

    #footer .copyright {
        margin: 0;
        justify-content: flex-start;
    }

    /* =footer  end
    **************************/

    /* =pageHome  
    **************************/
    /* comment by Han Su
	.page-Home section {
        margin: 50px 0;
    }
    */
    .page-Home section .container {

        align-items: center;
    }
    h1.highlight,
    h2.highlight,
    h3.highlight {
        font-size: 2.57813rem;
        text-align: center;
        background: url(/tlumbracomedia/gdyi4daj/title-line.png) no-repeat center bottom;
        background-position-x: center !important;
    }
    #concessionCards .cards,
    #travelGuide .cards,
    #locations .cards {
        margin: 20px 0;
        flex-wrap: nowrap;
    }
    #concessionCards h1 img {
        display: none;
    }
    #concessionCards .cards {
        justify-content: center;
    }

    #concessionCards figure.active:after {
        
        top: 285px;
    }
    #ourOnlineServices {
        min-height: 1100px;
        margin-bottom: -150px;
    }
    
    #ourOnlineServices figure {
        
    }
    #ourOnlineServices a {
        display: inline-block;
        width: 300px;
    }
    #ourOnlineServices figcaption {
        text-align: center;
    }

    #ourOnlineServices figure:nth-child(2) {
        flex-grow: 1;
        display: flex;
    
    }

    #ourOnlineServices figure:nth-child(3) {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
    }
    #travelGuide figure {
        width: auto;
        margin: 0 20px;
    }
    #concessionCards .cards {
        justify-content: center;
    }
    #travelGuide .cards {
        flex-wrap: wrap;
    }
    #locations .cards {
        margin-bottom: 0;
    }
    #locations figure {
        width: auto;
    }

    
    #concessionCards figure {
        flex-shrink: unset;
        width: auto;
    }

    #concessionCards .btn-outline-primary:hover {
        background: #b1b2b9;
    }

    .cards-wrapper {
        width: 100%;
        overflow-y: unset;
        margin: 0 0 20px;
    }
    .cards figcaption {
        margin: 20px 0;
    }
    /* =pageHome end 
    **************************/

    /* =simplyGo 
    **************************/
    #simplyGo {
        padding-bottom: 55px;
        padding-top: 55px;
    }

        #simplyGo .container {
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }

        #simplyGo .full-area-lg-text {
            font-size: 40px;
            line-height: 1.2;
            letter-spacing: 2.25px;
            color: #FFFFFF;
            font-weight: bold;
            margin: 0 0 0;
        }

        #simplyGo a {
            font-size: 30px;
            margin: 0 1em;
            width: 380px;
        }



    /* =simplyGo end 
    **************************/

    /* =ticketOffices  
    **************************/
    .alphabet-map {
        justify-content: space-between;
    }
    .alphabet-map li {
        width: auto; 
    }
    .offices {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        
        margin: 0 0 20px;
        width: 100%;
    }


    .office-group {
        border-bottom: 1px solid rgba(110,110,110,0.2);
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0 0 40px;
        padding: 0 0 15px;
    }
    .office-group:last-child {
        border-bottom: none;
    }
    .offices h2 {
        flex-basis: 100%;
        margin: 0 0 10px;
        width: 100%;
    }
    .office {
        border-bottom: none;
        margin: 0 1.5% 2rem;
        width: 30%
    }

    /* =ticketOffices end
    **************************/

    

    /* =careers 
    **************************/

    .career header {
        /*align-items: center;*/
    }
    .career h3 {
        font-size: 1.2rem;
    }
    .career .btn {
        padding: 0.5em 2.5em;
    }

    .career .content {
        padding: 2em 50px;
    }

    /* =careers end
    **************************/

    /* =page-TravelGuide  
    **************************/
    #travelGuide .cards {
        justify-content: space-around;
    }

    #travelGuide figure {
        /*min-width: 240px;
        max-width: 40%;*/
        width: 240px;
    }

    /* =page-TravelGuide end 
    **************************/


    /* =organisation 
    **************************/
    .profiles {

    }

    .profile {

        width: 46%;
    }

    /* =organisation end
    **************************/

    /* =headerConcessionCard  
    **************************/
    #headerConcessionCard {
        margin-bottom: 50px;
    }

        #headerConcessionCard .container {
            padding-top: 50px;
            padding-bottom: 50px;
            padding-right: 320px;
            min-height: 280px;
        }

        #headerConcessionCard img {
            position: absolute;
            top: 50px;
            
            z-index: 2;
            width: 200px;
            margin-left: 70px;
            left: 50%;
        }
    /* =headerConcessionCard  end
    **************************/

    /* =row-paragraph
    **************************/

    .introduction.row-paragraph {
        padding: 0px 0 50px;
    }
    /* =row-paragraph end
    **************************/

    /* =usefulHotline  
    **************************/
    .page-Contact section {
        padding: 0 0 30px;
    }
    /* =usefulHotline  end
    **************************/

    /* =card-list  
    **************************/

    .card-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 30px -0.615%;
    }


        .card-list .card {
            width: 48%;
        }

    /* =card-list  end
    **************************/

    /* =card-column-list   
    **************************/
    .card-column-list .column {
        margin-bottom: 0;
    }

    /* =card-column-list end  
    **************************/

    /* =ticketOffices  
    **************************/
    .page-TicketOffices .introduction.row-paragraph {
        margin: 0 0 0;
        padding: 0 0 0;
    }

    /* =ticketOffices end
    **************************/
}

@media only screen and (min-width: 1000px) {
    .content-container-compact {
        margin: 0 auto;
        width: 50%;
    }

    /* =pageHome  
    **************************/
    #ourOnlineServices .cards {
        justify-content: flex-start;
        width: 80%;
        flex-wrap: wrap;
    }
    /* =pageHome  end
    **************************/

    /* =page-TravelGuide  
    **************************/
    #travelGuide .cards {
        flex-wrap: nowrap;
    }

    #travelGuide figure {
        width: 160px;
    }

    /* =page-TravelGuide end 
    **************************/

    /* =organisation 
    **************************/
    .profiles {
    }

    .profile {
        width: 23%;
    }

    /* =organisation end
    **************************/

    /* =headerConcessionCard  
    **************************/
    #headerConcessionCard {
        margin-bottom: 50px;
    }
    #headerConcessionCard .container {
        padding-right: 370px;
    }

    #headerConcessionCard img {
        width: 350px;
        margin-left: 115px;
        left: 50%;
    }
    /* =headerConcessionCard  end
    **************************/

    /* =card-list  
    **************************/
        .card-list .card {
      
            width: 32%;
        }

    /* =card-list  end
    **************************/

    /* swiper milestones
    *************************************/
    .timeline {
        padding: 0 80px;
    }

    .timeline-img {
        /*
        max-width: 800px;
        width: 40%;
        height: 500px;
        */
    }

    .timeline .swiper-slide {
        display: flex;
        justify-content: space-between;
    }

    .timeline-box {
        /*position: absolute;
        right: 0;
        top: 10%;
        bottom: 10%;*/
        /* height: 25%; */
        width: 38%;
    }
    .timeline-box ul {
        margin: 1rem 0;
    }

    .timeline .button-next,
    .timeline .button-prev {
        top: 58%;
        left: auto;
        right: 0;
    }

    .timeline .button-prev {
        left: 0;
        right: auto;
    }

    .timeline-picture-holder {
        height: 460px;
        width: 60%;
    }

        .timeline-picture-holder img {
        }

    /* swiper milestones end
    *************************************/
}

@media only screen and (min-width: 1200px) {

    /* =navbar
    **************************/
    .navbar-left {
        margin: 0 20px 0 0;
    }
    
    /* =navbar end
    **************************/
    /* =page-TravelGuide  
    **************************/
    #travelGuide .cards {
        justify-content: center;
    }

    #travelGuide figure {
        width: 200px;
    }
    /* =page-TravelGuide  end
    **************************/

    /* =headerConcessionCard  
    **************************/
    #headerConcessionCard {
        margin-bottom: 120px;
    }
    #headerConcessionCard .container {
        padding-right: 535px;
    }
    #headerConcessionCard img {
        left: 50%;
        width: 470px;
        margin-left: 85px;
    }
    /* =headerConcessionCard  end
    **************************/
    
}

@media only screen and (min-width: 1520px) {
    .container-fluid {
        max-width: 1725px;
    }
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1480px;
    }

    /* =header 
    **************************/
    #header {
        padding: 0px 0 1px;
    }

    /* =header end
    **************************/

    /* =navbar
    **************************/
    nav.navbar {
        padding: 50px 0 20px;
    }
    .nav-navbar .nav-link {
        font-size: 1rem;
    }
    .navbar .button-image {
        margin: 0 10px;
    }
    /* =navbar end
    **************************/

    /* =pageHome 
    **************************/
    .page-Home section .container {
        align-items: center;
    }
    #ourOnlineServices .cards {
        width: 85%;
    }

    /* =pageHome end
    **************************/

    /* =concessionCards  
    **************************/
    .page-ConcessionCards .nav-pills {
        /*width: 60%;*/
    }
    /* =concessionCards  end
    **************************/

    /* =headerConcessionCard  
    **************************/
    #headerConcessionCard {
        margin-bottom: 150px;
    }
    #headerConcessionCard img {
        width: 500px;
        margin-left: 225px;
    }
    /* =headerConcessionCard  end
    **************************/

    /* =page-TravelGuide  
    **************************/
    #travelGuide figure {
        width: 240px;
    }
    /* =page-TravelGuide  end
    **************************/


}