@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */
@import url(https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css);

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: inherit;
    vertical-align: baseline;
}

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

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

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container:after, .container:before {
        content: " ";
        display: table;
    }

    .container:after {
        clear: both;
    }

@media (min-width:768px) {
    .container {
        width: 660px;
    }
}

@media (min-width:992px) {
    .container {
        width: 880px;
    }
}

@media (min-width:1200px) {
    .container {
        width: 1080px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .container-fluid:after, .container-fluid:before {
        content: " ";
        display: table;
    }

    .container-fluid:after {
        clear: both;
    }

.row {
    margin-left: -15px;
    margin-right: -15px;
}

    .row:after, .row:before {
        content: " ";
        display: table;
    }

    .row:after {
        clear: both;
    }

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, 

.col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, 

.col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, 

.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    float: left;
}

.col-xs-1 {
    width: 8.33333%;
}

.col-xs-2 {
    width: 16.66667%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-4 {
    width: 33.33333%;
}

.col-xs-5 {
    width: 41.66667%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-7 {
    width: 58.33333%;
}

.col-xs-8 {
    width: 66.66667%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-10 {
    width: 83.33333%;
}

.col-xs-11 {
    width: 91.66667%;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-pull-1 {
    right: 8.33333%;
}

.col-xs-pull-2 {
    right: 16.66667%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-4 {
    right: 33.33333%;
}

.col-xs-pull-5 {
    right: 41.66667%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-7 {
    right: 58.33333%;
}

.col-xs-pull-8 {
    right: 66.66667%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-10 {
    right: 83.33333%;
}

.col-xs-pull-11 {
    right: 91.66667%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-push-1 {
    left: 8.33333%;
}

.col-xs-push-2 {
    left: 16.66667%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-4 {
    left: 33.33333%;
}

.col-xs-push-5 {
    left: 41.66667%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-7 {
    left: 58.33333%;
}

.col-xs-push-8 {
    left: 66.66667%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-10 {
    left: 83.33333%;
}

.col-xs-push-11 {
    left: 91.66667%;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333%;
}

.col-xs-offset-2 {
    margin-left: 16.66667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333%;
}

.col-xs-offset-5 {
    margin-left: 41.66667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333%;
}

.col-xs-offset-8 {
    margin-left: 66.66667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333%;
}

.col-xs-offset-11 {
    margin-left: 91.66667%;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

@media (min-width:768px) {
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
        float: left;
    }

    .col-sm-1 {
        width: 8.33333%;
    }

    .col-sm-2 {
        width: 16.66667%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-4 {
        width: 33.33333%;
    }

    .col-sm-5 {
        width: 41.66667%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-7 {
        width: 58.33333%;
    }

    .col-sm-8 {
        width: 66.66667%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-10 {
        width: 83.33333%;
    }

    .col-sm-11 {
        width: 91.66667%;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-pull-1 {
        right: 8.33333%;
    }

    .col-sm-pull-2 {
        right: 16.66667%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-4 {
        right: 33.33333%;
    }

    .col-sm-pull-5 {
        right: 41.66667%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-7 {
        right: 58.33333%;
    }

    .col-sm-pull-8 {
        right: 66.66667%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-10 {
        right: 83.33333%;
    }

    .col-sm-pull-11 {
        right: 91.66667%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-push-1 {
        left: 8.33333%;
    }

    .col-sm-push-2 {
        left: 16.66667%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-4 {
        left: 33.33333%;
    }

    .col-sm-push-5 {
        left: 41.66667%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-7 {
        left: 58.33333%;
    }

    .col-sm-push-8 {
        left: 66.66667%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-10 {
        left: 83.33333%;
    }

    .col-sm-push-11 {
        left: 91.66667%;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66667%;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
        float: left;
    }

    .col-md-1 {
        width: 8.33333%;
    }

    .col-md-2 {
        width: 16.66667%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-4 {
        width: 33.33333%;
    }

    .col-md-5 {
        width: 41.66667%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-7 {
        width: 58.33333%;
    }

    .col-md-8 {
        width: 66.66667%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-10 {
        width: 83.33333%;
    }

    .col-md-11 {
        width: 91.66667%;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-pull-1 {
        right: 8.33333%;
    }

    .col-md-pull-2 {
        right: 16.66667%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-4 {
        right: 33.33333%;
    }

    .col-md-pull-5 {
        right: 41.66667%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-7 {
        right: 58.33333%;
    }

    .col-md-pull-8 {
        right: 66.66667%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-10 {
        right: 83.33333%;
    }

    .col-md-pull-11 {
        right: 91.66667%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-push-1 {
        left: 8.33333%;
    }

    .col-md-push-2 {
        left: 16.66667%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-4 {
        left: 33.33333%;
    }

    .col-md-push-5 {
        left: 41.66667%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-7 {
        left: 58.33333%;
    }

    .col-md-push-8 {
        left: 66.66667%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-10 {
        left: 83.33333%;
    }

    .col-md-push-11 {
        left: 91.66667%;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.33333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66667%;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 {
        float: left;
    }

    .col-lg-1 {
        width: 8.33333%;
    }

    .col-lg-2 {
        width: 16.66667%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-4 {
        width: 33.33333%;
    }

    .col-lg-5 {
        width: 41.66667%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-7 {
        width: 58.33333%;
    }

    .col-lg-8 {
        width: 66.66667%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-10 {
        width: 83.33333%;
    }

    .col-lg-11 {
        width: 91.66667%;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-pull-1 {
        right: 8.33333%;
    }

    .col-lg-pull-2 {
        right: 16.66667%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-4 {
        right: 33.33333%;
    }

    .col-lg-pull-5 {
        right: 41.66667%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-7 {
        right: 58.33333%;
    }

    .col-lg-pull-8 {
        right: 66.66667%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-10 {
        right: 83.33333%;
    }

    .col-lg-pull-11 {
        right: 91.66667%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-push-1 {
        left: 8.33333%;
    }

    .col-lg-push-2 {
        left: 16.66667%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-4 {
        left: 33.33333%;
    }

    .col-lg-push-5 {
        left: 41.66667%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-7 {
        left: 58.33333%;
    }

    .col-lg-push-8 {
        left: 66.66667%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-10 {
        left: 83.33333%;
    }

    .col-lg-push-11 {
        left: 91.66667%;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66667%;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.pull-right {
    float: right!important;
}

.pull-left {
    float: left!important;
}

.hide {
    display: none!important;
}

.show {
    display: block!important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none!important;
}

.affix {
    position: fixed;
}

@-ms-viewport {
    width: device-width;
}

.visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, 

.visible-print, .visible-print-block, .visible-print-inline, .visible-print-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-

inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block {
    display: none!important;
}

@media (max-width:767px) {
    .visible-xs {
        display: block!important;
    }

    table.visible-xs {
        display: table!important;
    }

    tr.visible-xs {
        display: table-row!important;
    }

    td.visible-xs, th.visible-xs {
        display: table-cell!important;
    }
}

@media (max-width:767px) {
    .visible-xs-block {
        display: block!important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline {
        display: inline!important;
    }
}

@media (max-width:767px) {
    .visible-xs-inline-block {
        display: inline-block!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm {
        display: block!important;

    }

    table.visible-sm {
        display: table!important;
    }

    tr.visible-sm {
        display: table-row!important;
    }

    td.visible-sm, th.visible-sm {
        display: table-cell!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-block {
        display: block!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline {
        display: inline!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .visible-sm-inline-block {
        display: inline-block!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md {
        display: block!important;
    }

    table.visible-md {
        display: table!important;
    }

    tr.visible-md {
        display: table-row!important;
    }

    td.visible-md, th.visible-md {
        display: table-cell!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-block {
        display: block!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline {
        display: inline!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .visible-md-inline-block {
        display: inline-block!important;
    }
}

@media (min-width:1200px) {
    .visible-lg {
        display: block!important;
    }

    table.visible-lg {
        display: table!important;
    }

    tr.visible-lg {
        display: table-row!important;
    }

    td.visible-lg, th.visible-lg {
        display: table-cell!important;
    }
}

@media (min-width:1200px) {
    .visible-lg-block {
        display: block!important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline {
        display: inline!important;
    }
}

@media (min-width:1200px) {
    .visible-lg-inline-block {
        display: inline-block!important;
    }
}

@media (max-width:767px) {
    .hidden-xs {
        display: none!important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .hidden-sm {
        display: none!important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none!important;
    }
}

@media (min-width:1200px) {
    .hidden-lg {
        display: none!important;
    }
}

@media print {
    .visible-print {
        display: block!important;
    }

    table.visible-print {
        display: table!important;
    }

    tr.visible-print {
        display: table-row!important;
    }

    td.visible-print, th.visible-print {
        display: table-cell!important;
    }
}

@media print {
    .visible-print-block {
        display: block!important;
    }
}

@media print {
    .visible-print-inline {
        display: inline!important;
    }
}

@media print {
    .visible-print-inline-block {
        display: inline-block!important;
    }
}

@media print {
    .hidden-print {
        display: none!important;
    }
}

.CodeMirror {
    color: #000;
    font-family: Menlo,Monaco,"Andale Mono","Lucida Console",monospace;
    font-size: 12px;
}

.CodeMirror-lines {
    padding: 4px 0;
}

.CodeMirror pre {
    padding: 0 4px;
}

.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler {
    background-color: #fff;
}

.CodeMirror-gutters {
    border-right: 1px solid #ddd;
    background-color: #f7f7f7;
    white-space: nowrap;
}

.CodeMirror-linenumber {
    padding: 0 3px 0 5px;
    min-width: 20px;
    text-align: right;
    color: #999;
    white-space: nowrap;
}

.CodeMirror-guttermarker {
    color: #000;
}

.CodeMirror-guttermarker-subtle {
    color: #999;
}

.CodeMirror div.CodeMirror-cursor {
    border-left: 1px solid #000;
}

.CodeMirror div.CodeMirror-secondarycursor {
    border-left: 1px solid silver;
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
    width: auto;
    border: 0;
    background: #7e7;
}

.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
    z-index: 1;
}

.cm-animate-fat-cursor {
    width: auto;
    border: 0;
    -webkit-animation: blink 1.06s steps(1) infinite;
    animation: blink 1.06s steps(1) infinite;
}

@-webkit-keyframes blink {
    0% {
        background: #7e7;
    }

    50% {
        background: 0 0;
    }

    100% {
        background: #7e7;
    }
}

@keyframes blink {
    0% {
        background: #7e7;
    }

    50% {
        background: 0 0;
    }

    100% {
        background: #7e7;
    }
}

.cm-tab {
    display: inline-block;
    text-decoration: inherit;
}

.CodeMirror-ruler {
    border-left: 1px solid #ccc;
    position: absolute;
}

.cm-s-default .cm-header {
    color: #00f;
}

.cm-s-default .cm-quote {
    color: #090;
}

.cm-negative {
    color: #d44;
}

.cm-positive {
    color: #292;
}

.cm-header, .cm-strong {
    font-weight: 700;
}

.cm-em {
    font-style: italic;
}

.cm-link {
    text-decoration: underline;
}

.cm-strikethrough {
    text-decoration: line-through;
}

.cm-s-default .cm-keyword {
    color: #708;
}

.cm-s-default .cm-atom {
    color: #219;
}

.cm-s-default .cm-number {
    color: #164;
}

.cm-s-default .cm-def {
    color: #00f;
}

.cm-s-default .cm-variable-2 {
    color: #05a;
}

.cm-s-default .cm-variable-3 {
    color: #085;
}

.cm-s-default .cm-comment {
    color: #a50;
}

.cm-s-default .cm-string {
    color: #a11;
}

.cm-s-default .cm-string-2 {
    color: #f50;
}

.cm-s-default .cm-meta, .cm-s-default .cm-qualifier {
    color: #555;
}

.cm-s-default .cm-builtin {
    color: #30a;
}

.cm-s-default .cm-bracket {
    color: #997;
}

.cm-s-default .cm-tag {
    color: #170;
}

.cm-s-default .cm-attribute {
    color: #00c;
}

.cm-s-default .cm-hr {
    color: #999;
}

.cm-s-default .cm-link {
    color: #00c;
}

.cm-invalidchar, .cm-s-default .cm-error {
    color: red;
}

.CodeMirror-composing {
    border-bottom: 2px solid;
}

div.CodeMirror span.CodeMirror-matchingbracket {
    color: #0f0;
}

div.CodeMirror span.CodeMirror-nonmatchingbracket {
    color: #f22;
}

.CodeMirror-matchingtag {
    background: rgba(255,150,0,.3);
}

.CodeMirror-activeline-background {
    background: #e8f2ff;
}

.CodeMirror {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.CodeMirror-scroll {
    overflow: scroll!important;
    margin-bottom: -30px;
    margin-right: -30px;
    padding-bottom: 30px;
    height: 100%;
    outline: 0;
    position: relative;
}

.CodeMirror-sizer {
    position: relative;
    border-right: 30px solid transparent;
}

.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar {
    position: absolute;
    z-index: 6;
    display: none;
}

.CodeMirror-vscrollbar {
    right: 0;
    top: 0;
    overflow-x: hidden;
    overflow-y: scroll;
}

.CodeMirror-hscrollbar {
    bottom: 0;
    left: 0;
    overflow-y: hidden;
    overflow-x: scroll;
}

.CodeMirror-scrollbar-filler {
    right: 0;
    bottom: 0;
}

.CodeMirror-gutter-filler {
    left: 0;
    bottom: 0;
}

.CodeMirror-gutters {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
}

.CodeMirror-gutter {
    white-space: normal;
    height: 100%;
    display: inline-block;
    margin-bottom: -30px;
    *zoom: 1;
    *display: inline;
}

.CodeMirror-gutter-wrapper {
    position: absolute;
    z-index: 4;
    height: 100%;
}

.CodeMirror-gutter-elt {
    position: absolute;
    cursor: default;
    z-index: 4;
}

.CodeMirror-gutter-wrapper {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.CodeMirror-lines {
    cursor: text;
    min-height: 1px;
}

.CodeMirror pre {
    border-radius: 0;
    border-width: 0;
    background: 0 0;
    font-family: inherit;
    font-size: inherit;
    margin: 0;
    white-space: pre;
    word-wrap: normal;
    line-height: inherit;
    color: inherit;
    z-index: 2;
    position: relative;
    overflow: visible;
    -webkit-tap-highlight-color: transparent;
}

.CodeMirror-wrap pre {
    word-wrap: break-word;
    white-space: pre-wrap;
    word-break: normal;
}

.CodeMirror-linebackground {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
}

.CodeMirror-linewidget {
    position: relative;
    z-index: 2;
    overflow: auto;
}

.CodeMirror-code {
    outline: 0;
}

.CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber, .CodeMirror-scroll, .CodeMirror-sizer {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.CodeMirror-measure {
    position: absolute;
    width: 100%;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}

    .CodeMirror-measure pre {
        position: static;
    }

.CodeMirror div.CodeMirror-cursor {
    position: absolute;
    border-right: none;
    width: 0;
}

div.CodeMirror-cursors {
    visibility: hidden;
    position: relative;
    z-index: 3;
}

.CodeMirror-focused div.CodeMirror-cursors {
    visibility: visible;
}

.CodeMirror-selected {
    background: #d9d9d9;
}

.CodeMirror-focused .CodeMirror-selected {
    background: #d7d4f0;
}

.CodeMirror-crosshair {
    cursor: crosshair;
}

.CodeMirror ::selection {
    background: #d7d4f0;
}

.CodeMirror ::-moz-selection {
    background: #d7d4f0;
}

.cm-searching {
    background: #ffa;
    background: rgba(255,255,0,.4);
}

.CodeMirror span {
    *vertical-align: text-bottom;
}

.cm-force-border {
    padding-right: .1px;
}

@media print {
    .CodeMirror div.CodeMirror-cursors {
        visibility: hidden;
    }
}

.cm-tab-wrap-hack:after {
    content: '';
}

span.CodeMirror-selectedtext {
    background: 0 0;
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: 0;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir=rtl] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.article__list:after, .article__list:before, .content:after, .content:before, .featured-events__slide-content:after, .featured-events__slide-content:before, 

.find-the-next-arrival__service-items:after, .find-the-next-arrival__service-items:before, .js .js-expando__content:after, .js .js-expando__content:before, 

.library .tabbed__tabs:after, .library .tabbed__tabs:before, .main-nav:after, .main-nav:before, .main-nav__dropdown-highlight:after, .main-nav__dropdown-

highlight:before, .main-nav__nav:after, .main-nav__nav:before, .mantle__content:after, .mantle__content:before, .mini-service-updates:after, .mini-service-

updates:before, .mini-service-updates__items:after, .mini-service-updates__items:before, .news-press .js-tabbed__tabs:after, .news-press .js-

tabbed__tabs:before, .news-press__year-selector:after, .news-press__year-selector:before, .otp-legHeader .otp-legMode-wrapper:after, .otp-legHeader .otp-

legMode-wrapper:before, .otp-legHeader:after, .otp-legHeader:before, .pagination:after, .pagination:before, .pagination__list:after, .pagination__list:before, 

.plan-a-trip:after, .plan-a-trip:before, .plan-a-trip__step-controls-items:after, .plan-a-trip__step-controls-items:before, .press-release__heading:after, 

.press-release__heading:before, .profile__content:after, .profile__content:before, .route-schedules__tabs:after, .route-schedules__tabs:before, .site-

footer__contact li:after, .site-footer__contact li:before, .site-footer__mission:after, .site-footer__mission:before, .social-links__items:after, .social-

links__items:before, .station-info__amenities-item:after, .station-info__amenities-item:before, .station-status--station-detail:after, .station-status--

station-detail:before, .station-status__item:after, .station-status__item:before, .stations__item:after, .stations__item:before {
    content: " ";
    display: table;
}

.article__list:after, .content:after, .featured-events__slide-content:after, .find-the-next-arrival__service-items:after, .js .js-expando__content:after, 

.library .tabbed__tabs:after, .main-nav:after, .main-nav__dropdown-highlight:after, .main-nav__nav:after, .mantle__content:after, .mini-service-updates:after, 

.mini-service-updates__items:after, .news-press .js-tabbed__tabs:after, .news-press__year-selector:after, .otp-legHeader .otp-legMode-wrapper:after, .otp-

legHeader:after, .pagination:after, .pagination__list:after, .plan-a-trip:after, .plan-a-trip__step-controls-items:after, .press-release__heading:after, 

.profile__content:after, .route-schedules__tabs:after, .site-footer__contact li:after, .site-footer__mission:after, .social-links__items:after, .station-

info__amenities-item:after, .station-status--station-detail:after, .station-status__item:after, .stations__item:after {
    clear: both;
}

.wf-loading {
    opacity: 0;
    visibility: hidden;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html {
    font-size: 62.5%;
}

body {
    background-color: #fff;
    color: #333;
    font-family: soleil,Helvetica,Arial,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.6;
    min-width: 320px;
    position: relative;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    letter-spacing: -.02em;
    line-height: 1;
}

h1-old {
    font-size: 2rem;
}

h1 {
    font-size: 38px;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

p {
    margin-bottom: 20px;
}

pre {
    font-family: Menlo,Monaco,"Andale Mono","Lucida Console",monospace;
    margin-bottom: 20px;
}

a {
    color: #00bbe5;
    text-decoration: none;
}

    a:active, a:focus, a:hover {
        color: #0073b3;
    }

code {
    font-family: Menlo,Monaco,"Andale Mono","Lucida Console",monospace;
}

del, strike {
    text-decoration: line-through;
}

em, i {
    font-style: italic;
}

small {
    font-size: 75%;
}

b, strong {
    font-weight: 700;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

input {
    border-radius: 0;
    font-family: soleil,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
}

    input[type=submit] {
        -webkit-appearance: none;
    }

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

::-webkit-input-placeholder {
    font-family: soleil,Helvetica,Arial,sans-serif;
}

:-moz-placeholder {
    font-family: soleil,Helvetica,Arial,sans-serif;
}

::-moz-placeholder {
    font-family: soleil,Helvetica,Arial,sans-serif;
}

:-ms-input-placeholder {
    font-family: soleil,Helvetica,Arial,sans-serif;
}

@media screen and (min-width:768px) {
    html {
        font-size: 75%;
    }

    body {
        font-size: 14px;
    }
}

@media screen and (min-width:992px) {
    html {
        font-size: 87.5%;
    }

    body {
        font-size: 15px;
    }
}

@media screen and (min-width:1200px) {
    html {
        font-size: 100%;
    }

    body {
        font-size: 17px;
    }
}

.notes {
    font-style: italic;
}

.page-heading {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.page-subheading {
    font-size: 18px;
    margin-bottom: 20px;
}

.l-page {
    padding-top: 30px;
}

.l-page--off-white {
    background-color: #f9f9f9;
}

.l-page-body--glance {
    background-image: url(../images/glance-bg.jpg);
    background-position: 50% 0;
    background-repeat: no-repeat;
}

.l-main {
    padding-top: 45px;
}

@media screen and (min-width:768px) {
    .l-page {
        margin-top: -136px;
        padding-top: 183px;
    }

    .l-page-body--fare-programs {
        margin-top: -100px;
    }

    .l-page-body--train-stations-and-schedules {
        margin-top: -80px;
    }
}

@media screen and (min-width:992px) {
    .l-page-body--glance {
        background-size: auto 75%;
    }
}

@media screen and (min-width:1200px) {
    .l-page-body--glance {
        background-size: auto auto;
    }
}

.library__module {
    margin-bottom: 100px;
}

    .library__module h2, .library__module h3 {
        margin-bottom: 20px;
    }

        .library__module h2:not(:first-child), .library__module h3:not(:first-child) {
            margin-top: 40px;
        }

.library__module-section {
    margin-bottom: 50px;
}

    .library__module-section code {
        font-size: 12px;
    }

.library__module-section-code, .library__module-section-description, .library__module-section-example {
    margin-bottom: 20px;
}

.library__module-section-label {
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.library .accordion__trigger {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 1px;
    display: block;
    padding: 10px 20px;
}

    .library .accordion__trigger.is-selected {
        background-color: #eee;
    }

.library .accordion__content {
    border-color: #ccc;
    border-style: solid;
    border-width: 0 1px 1px;
    display: block;
    padding: 10px 20px;
}

.library .accordion:first-child .accordion__trigger {
    border-width: 1px;
}

.library .tabbed__tabs {
    border-bottom: 1px solid #ccc;
    position: relative;
    top: -1px;
}

.library .tabbed__tab {
    bottom: -1px;
    float: left;
    position: relative;
}

.library .tabbed__tab-link {
    display: block;
    padding: 10px 20px;
}

    .library .tabbed__tab-link.is-selected {
        background-color: #fff;
        border-color: #ccc;
        border-style: solid;
        border-width: 1px 1px 0;
        padding-left: 19px;
        padding-right: 19px;
        padding-top: 9px;
    }

.library .tabbed__panel {
    padding: 10px 20px;
}

.js .js-expando__content:not(.is-shown), .js .js-featured-events__slide:not(:first-child), .js .js-tabbed__panel:not(:first-child), .js .js-title-

carousel__slide:not(:first-child) {
    display: none;
}

.js .slick-initialized .slick-slide {
    display: block;
}

.address-autocomplete {
    position: relative;
}

.address-autocomplete__dropdown {
    background-color: #fff;
    border: 1px solid #8f8f8f;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999999999;
}

.address-autocomplete__dropdown-item {
    line-height: 1.4;
}

    .address-autocomplete__dropdown-item:not(:last-child) {
        border-bottom: 1px solid #d9d9d9;
    }

.address-autocomplete__dropdown-item-link {
    color: #000;
    display: block;
    font-size: 12px;
    padding: 10px 15px;
}

    .address-autocomplete__dropdown-item-link.is-selected, .address-autocomplete__dropdown-item-link:focus, .address-autocomplete__dropdown-item-link:hover {
        color: #00bbe5;
    }

.address-autocomplete__dropdown-item-link--not-found:focus, .address-autocomplete__dropdown-item-link--not-found:hover {
    color: #000;
}

@media screen and (min-width:768px) {
    .address-autocomplete__dropdown-item-link {
        font-size: 14px;
    }
}
.article {
    margin-bottom: 50px;
}

.article__list {
    background-color: #333;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 20px 20px 0;
}

    .article__list ul {
        list-style-type: disc;
        margin-bottom: 20px;
        padding-left: 20px;
    }

    .article__list li {
        margin-bottom: 10px;
    }

.article__list-heading {
    font-size: 18px;
    margin-bottom: 20px;
}

.article__content {
    position: relative;
}

.article__content--last {
    padding-bottom: 10px;
    position: relative;
}

    .article__content--last:after {
        background-color: #555;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        width: 65px;
    }

.article__image {
    margin-bottom: 10px;
    margin-top: 10px;
}

.article__caption {
    border-top: 1px solid #555;
    color: #696969;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 30px;
    padding-top: 10px;
}

@media screen and (min-width:768px) {
    .article {
        margin-bottom: 80px;
    }

    .article__list {
        margin-bottom: 50px;
        margin-top: 30px;
        padding: 40px 150px 20px 50px;
    }

    .article__list-heading {
        font-size: 1.375rem;
    }

    .article__caption, .article__image {
        margin-bottom: 50px;
        margin-top: 30px;
    }
}

@media screen and (min-width:992px) {
    .article__list {
        margin-right: -80px;
    }
}

.banner a {
    display: block;
}

.brand {
    float: left;
    padding-bottom: 25px;
    padding-top: 25px;
    width: 183px;
}

    .brand a {
        background-image: url(../images/brand.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        background-size: contain!important;
        display: block;
        height: 31px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 100%;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .brand a {
        background-image: url(../images/brand@2x.png);
        background-size: 210px 31px;
    }
}

@media screen and (min-width:992px) {
    .brand {
        margin-left: 30px;
        padding-top: 43px;
        width: auto;
    }

        .brand a {
            width: 210px;
        }
}

.button {
    background-color: #333;
    border: 2px solid #333;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
    padding: 11px 20px;
    position: relative;
}

    .button:focus, .button:hover {
        background-color: #fff;
        border-color: #00bbe5;
        color: #333;
    }

.button__arrow {
    background-color: #00bbe5;
    height: -webkit-calc(100% + 4px);
    height: calc(100% + 4px);
    left: -2px;
    position: absolute;
    top: -2px;
    width: 46px;
}

.button__arrow--left:before {
    background-image: url(../images/arrow-left.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 12px;
    left: 50%;
    margin-left: -9px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    width: 18px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .button__arrow--left:before {
        background-image: url(../images/arrow-left@2x.png);
        background-size: 18px 12px;
    }
}

.button--with-arrow {
    padding-left: 66px;
}

.button--simplified {
    background-color: #00bbe5;
    border: none;
    color: #fff;
    padding-right: 37px;
    position: relative;
    text-transform: uppercase;
}

    .button--simplified:after {
        background-image: url(../images/simplified-button-arrow.png);
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        height: 12px;
        margin-top: -6px;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 8px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .button--simplified:after {
        background-image: url(../images/simplified-button-arrow@2x.png);
        background-size: 8px 12px;
    }
}

.button--simplified:focus, .button--simplified:hover {
    background-color: #0085cf;
    color: #fff;
}

.button-intro {
    margin-bottom: 10px;
    margin-right: 20px;
}

.back-to-top {
    background-color: #333;
    bottom: 0;
    font-size: 0;
    height: 80px;
    left: 0;
    position: fixed;
    text-align: center;
    width: 90px;
    z-index: 99999;
}

    .back-to-top:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.back-to-top__text {
    color: #929292;
    display: inline-block;
    font-size: 12px;
    line-height: 1.4;
    padding-top: 23px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}

    .back-to-top__text:before {
        background-image: url(../images/back-to-top-arrow.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 18px;
        left: 50%;
        margin-left: -6px;
        position: absolute;
        top: 0;
        width: 12px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .back-to-top__text:before {
        background-image: url(../images/back-to-top-arrow@2x.png);
        background-size: 12px 18px;
    }
}

.back-to-top:focus .back-to-top__text:before, .back-to-top:hover .back-to-top__text:before {
    background-position: 50% 100%;
}

@media screen and (min-width:768px) {
    .back-to-top {
        height: 100px;
        width: 110px;
    }

    .back-to-top__text {
        font-size: 14px;
    }
}

.bus-schedules-info {
    background-color: #f1f1f1;
    margin-bottom: 30px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 25px;
}

.bus-schedules-info__heading {
    margin-bottom: 20px;
}

.bus-schedules-info__section-heading {
    border-bottom: 2px solid #adadad;
    font-size: 22px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.bus-schedules-info__content {
    font-size: 14px;
}

@media screen and (min-width:768px) {
    .bus-schedules-info {
        padding-right: 60px;
    }

    .bus-schedules-info__heading {
        padding-right: 10px;
    }
}

@media screen and (min-width:992px) {
    .bus-schedules-info__section-heading {
        position: relative;
    }

    .bus-schedules-info__section-heading--right:before {
        background-color: #9c9fa4;
        bottom: -2px;
        content: "";
        left: -15px;
        height: -webkit-calc(100% + 10px);
        height: calc(100% + 10px);
        position: absolute;
        width: 1px;
    }
}

.bus-schedules-search {
    background-color: #231f20;
    padding: 40px 20px 80px;
}

.bus-schedules-search__heading {
    color: #fff;
    font-size: 27px;
    margin-bottom: 30px;
}

.bus-schedules-search__form {
    margin-bottom: 20px;
}

    .bus-schedules-search__form ::-webkit-input-placeholder {
        color: #231f20;
    }

    .bus-schedules-search__form :-moz-placeholder {
        color: #231f20;
    }

    .bus-schedules-search__form ::-moz-placeholder {
        color: #231f20;
    }

    .bus-schedules-search__form :-ms-input-placeholder {
        color: #231f20;
    }

    /*.bus-schedules-search__form .tt-menu, .bus-schedules-search__form .twitter-typeahead {
        width: 100%;
          
    }*/

    .bus-schedules-search__form .tt-menu,.bus-schedules-search__form .twitter-typeahead {
        width: 100% !important;
    }


 /* Venkata Begin */
.tt-open {
    background-color:white !important;
    /*margin-left:-30px;*/
    padding-top:10px;
    padding-left:20px;
    padding-right:10px;
    padding-bottom:10px;  
    border:1px solid gray;
    width:120%;
}

/* Venkata End */

    .bus-schedules-search__form .tt-dataset {
        background-color: #00bbe5 !important;
        border: 1px solid #8f8f8f !important;
        padding-bottom: 10px;
        padding-top: 10px;
        width: 100%;
    }

    .bus-schedules-search__form .tt-suggestion {
        padding: 2px 12px;
    }

.bus-schedules-search__field {
    position: relative;
}

.bus-schedules-search__input-text {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #231f20;
    display: block;
    font-family: soleil,Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 12px 35px 12px 12px;
    width: 100%;
}

.bus-schedules-search__submit {
    background-color: #00bbe5;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: soleil,Helvetica,Arial,sans-serif;
    font-size: 0;
    font-weight: 500;
    height: -webkit-calc(100% - 1px);
    height: calc(100% - 1px);
    position: absolute;
    right: 1px;
    text-transform: uppercase;
    top: 0;
    width: 46px;
}

    .bus-schedules-search__submit:after {
        background-image: url(../images/search-icon.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 20px;
        margin-right: -9.5px;
        margin-top: -10px;
        position: absolute;
        top: 50%;
        right: 50%;
        width: 19px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .bus-schedules-search__submit:after {
        background-image: url(../images/search-icon@2x.png);
        background-size: 19px 20px;
    }
}

.bus-schedules-search__submit:focus, .bus-schedules-search__submit:hover {
    background-color: #0085cf;
}

@media screen and (min-width:768px) {
    .bus-schedules-search {
        margin-left: -65px;
        padding-left: 80px;
        padding-right: 65px;
    }

    .bus-schedules-search__form .tt-dataset {
        margin-left: -30px;
    }

    .bus-schedules-search__form .tt-suggestion {
        padding-left: 30px;
        padding-right: 30px;
    }

    .bus-schedules-search__field {
        width: -webkit-calc(100% + 95px);
        width: calc(100% + 95px);
    }

    /*.bus-schedules-search__input-text {
        font-size: 18px;
        margin-left: -30px;
        padding-left: 30px;
        padding-right: 161px;
        width: -webkit-calc(100% + 30px);
        width: calc(120%);
        height: 46px;
    }*/

    .bus-schedules-search__input-text {
        font-size: 18px;
        width: 120%;
        height: 46px;
    }
    

    .bus-schedules-search__submit {
        font-size: 16px;
        padding-left: 30px;
        padding-right: 49px;
        width: auto;
        height: 46px;
    }

        .bus-schedules-search__submit:after {
            margin-right: auto;
            right: 25px;
        }
}

.contact {
    background-color: #f6f6f6;
    margin-bottom: 50px;
    margin-left: -40px;
    padding: 40px 40px 20px;
}

.contact__heading {
    font-weight: 700;
    margin-bottom: 20px;
}

.contact__item {
    display: block;
    line-height: 1.4;
    margin-bottom: 30px;
}

.contact__item-image {
    margin-bottom: 5px;
}

.contact__item-name {
    font-weight: 700;
}

.contact__item-title {
    font-size: 16px;
}

.contact__item-location {
    font-size: 16px;
    line-height: 1.4;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
    font-weight: 700;
}

    .content h1:not(:first-child), .content h2:not(:first-child), .content h3:not(:first-child), .content h4:not(:first-child), .content h5:not(:first-child), 

.content h6:not(:first-child) {
        margin-top: 40px;
    }

.content h1, .content h2, .content h3 {
    margin-bottom: 20px;
}

.content h4, .content h5, .content h6 {
    margin-bottom: 10px;
}

.content ol, .content ul {
    margin-bottom: 20px;
    padding-left: 20px;
}

.content ol {
    list-style-type: decimal;
}

.content ul {
    list-style-type: disc;
}

.content img {
    display: block;
    margin-bottom: 20px;
    width: 100%;
}

.content blockquote {
    border-bottom: 2px solid #adadad;
    border-top: 2px solid #adadad;
    color: #4d4d4d;
    margin-bottom: 30px;
    margin-top: 30px;
    padding: 30px;
    text-align: center;
}

.content table {
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    line-height: 1.4;
    margin-bottom: 20px;
    width: 100%;
}

.content th {
    background-color: #eee;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    font-weight: 700;
    padding: 10px;
}

.content td {
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 10px;
}

.content .float-left, .content .float-right {
    display: block;
    width: 100%;
}

.content--with-bottom-spacing {
    margin-bottom: 40px;
}

@media screen and (min-width:768px) {
    .content .float-left, .content .float-right {
        width: auto;
    }

    .content .float-left {
        float: left;
        margin-right: 20px;
    }

    .content .float-right {
        float: right;
        margin-left: 20px;
    }
}

.faqs {
    margin-bottom: -20px;
}

.faqs__heading {
    font-weight: 700;
    margin-bottom: 20px;
}

.faqs__items {
    border-top: 1px solid #e0e0e0;
    margin-bottom: 50px;
}

.faqs__item.is-selected {
    background-color: #f6f6f6;
    margin-left: -30px;
    padding-left: 30px;
}

    .faqs__item.is-selected .faqs__question {
        border-bottom: none;
    }

        .faqs__item.is-selected .faqs__question:after {
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .faqs__item.is-selected .faqs__answer {
        border-bottom: 1px solid #e0e0e0;
    }

.faqs__question {
    border-bottom: 1px solid #e0e0e0;
    color: #282832;
    display: block;
    font-weight: 700;
    line-height: 1.4;
    padding-bottom: 15px;
    padding-right: 55px;
    padding-top: 14px;
    position: relative;
}

    .faqs__question:after {
        background-image: url(../images/expando-plus.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        right: 20px;
        top: 17px;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        width: 15px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .faqs__question:after {
        background-image: url(../images/expando-plus@2x.png);
        background-size: 15px 15px;
    }
}

.faqs__question:focus:after, .faqs__question:hover:after {
    background-position: 0 100%;
}

.faqs__answer {
    padding-right: 55px;
}

@media screen and (min-width:768px) {
    .faqs__question:after {
        top: 16px;
    }
}

@media screen and (min-width:992px) {
    .faqs__question:after {
        top: 17px;
    }
}

@media screen and (min-width:1200px) {
    .faqs__question:after {
        top: 18px;
    }
}

.fares {
    background-color: #f1f1f1;
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 25px;
}

.fares__heading {
    font-weight: 700;
    margin-bottom: 20px;
}

.fares__items {
    margin-bottom: -30px;
}

.fares__item {
    margin-bottom: 30px;
}

    .fares__item h4 {
        line-height: 1.2;
        margin-bottom: 5px;
    }

    .fares__item table {
        font-size: 14px;
        table-layout: fixed;
    }

.fares__section-1 {
    margin-bottom: 5px;
}

.fares__section-2 {
    font-size: 14px;
}

.fares__phone-number {
    color: #00bbe5;
    font-size: 17px;
}

.fares__table-wrapper {
    margin-bottom: 10px;
    overflow-x: scroll;
    padding-bottom: 10px;
}

    .fares__table-wrapper table {
        display: block;
        line-height: 1.2;
        margin-bottom: -10px;
        width: 650px;
    }

        .fares__table-wrapper table tbody, .fares__table-wrapper table td, .fares__table-wrapper table tfoot, .fares__table-wrapper table thead, 

.fares__table-wrapper table tr {
            display: block;
        }

        .fares__table-wrapper table th {
            display: none;
        }

            .fares__table-wrapper table th:not(:first-child) {
                border-left: 1px solid #9c9fa4;
                padding-left: 15px;
            }

        .fares__table-wrapper table td {
            padding-bottom: 10px;
        }

.fares__table-day {
    display: inline-block;
    font-weight: 700;
    width: 120px;
}

@media screen and (min-width:768px) {
    .fares {
        margin-left: -30px;
        margin-right: -30px;
    }

    .fares__section-1 {
        border-bottom: 2px solid #adadad;
        padding-bottom: 5px;
        position: relative;
    }

        .fares__section-1:after {
            background-color: #9c9fa4;
            bottom: -2px;
            content: "";
            height: -webkit-calc(100% + 5px);
            height: calc(100% + 5px);
            position: absolute;
            right: -15px;
            width: 1px;
        }

    .fares__table-wrapper {
        overflow: visible;
    }

        .fares__table-wrapper table {
            margin-bottom: 0;
            width: auto;
        }

            .fares__table-wrapper table thead {
                display: table-header-group;
            }

            .fares__table-wrapper table tbody {
                display: table-row-group;
            }

            .fares__table-wrapper table tfoot {
                display: table-footer-group;
            }

            .fares__table-wrapper table tr {
                display: table-row;
            }

            .fares__table-wrapper table th {
                display: table-cell;
                padding-right: 15px;
                text-align: left;
            }

            .fares__table-wrapper table td {
                display: table-cell;
                padding-bottom: 0;
                padding-right: 15px;
                padding-top: 10px;
            }

                .fares__table-wrapper table td:not(:first-child) {
                    border-left: 1px solid #9c9fa4;
                    padding-left: 15px;
                }

    .fares__table-day {
        display: none;
    }
}

.featured {
    margin-bottom: 50px;
}

.featured__heading {
    font-size: 2.75rem;
    margin-bottom: 20px;
}

.featured__item {
    color: #333;
    display: block;
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 50px;
}

    .featured__item:focus .featured__item-name, .featured__item:hover .featured__item-name {
        color: #333;
    }

.featured__item-image {
    margin-bottom: 10px;
}

.featured__item-name {
    border-bottom: 2px solid #333;
    color: #00bbe5;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-right: 20px;
    padding-bottom: 10px;
}

.featured__item-description {
    color: #333;
    margin-left: 20px;
    margin-right: 20px;
}

@media screen and (min-width:768px) {
    .featured__heading {
        padding-top: 80px;
    }

    .featured__items {
        margin-right: -38px;
    }

    .featured__column:nth-child(odd) {
        clear: both;
    }

    .featured__item {
        font-size: 14px;
        margin-right: -27px;
    }

    .featured__item-name {
        font-size: 1.5rem;
    }
}

@media screen and (min-width:992px) {
    .featured__column:nth-child(odd) {
        clear: none;
    }

    .featured__column:not(:nth-child(3n)) .featured__item-name {
        position: relative;
    }

        .featured__column:not(:nth-child(3n)) .featured__item-name:after {
            background-color: #9c9fa4;
            content: "";
            height: 30px;
            position: absolute;
            right: -22px;
            top: 0;
            width: 1px;
        }

    .featured__item {
        font-size: 15px;
    }
}

@media screen and (min-width:1200px) {
    .featured__item {
        font-size: 17px;
    }
}

.featured-events {
    margin-bottom: 70px;
}

.featured-events__heading {
    font-size: 3.75rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.featured-events__slides-nav {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .featured-events__slides-nav ul {
        border-top: 1px solid #000;
    }

    .featured-events__slides-nav li {
        border-bottom: 1px solid #000;
        line-height: 1.4;
    }

    .featured-events__slides-nav a {
        color: #000;
        display: block;
        padding: 20px 23px 20px 10px;
        position: relative;
    }

        .featured-events__slides-nav a:after {
            background-image: url(../images/slides-nav-arrow.png);
            background-position: 50% 0;
            background-repeat: no-repeat;
            background-size: cover!important;
            content: "";
            height: 12px;
            margin-top: -6px;
            position: absolute;
            right: 0;
            top: 50%;
            width: 8px;
        }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .featured-events__slides-nav a:after {
        background-image: url(../images/slides-nav-arrow@2x.png);
        background-size: 8px 12px;
    }
}

.featured-events__slides-nav a:focus, .featured-events__slides-nav a:hover {
    color: #0085cf;
}

    .featured-events__slides-nav a:focus:after, .featured-events__slides-nav a:hover:after {
        background-position: 50% 50%;
    }

.featured-events__slides-nav a.is-current {
    color: #00bbe5;
}

    .featured-events__slides-nav a.is-current:after {
        background-position: 50% 100%;
    }

.featured-events__slide {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 0;
    height: 300px;
    overflow: hidden;
    position: relative;
}

    .featured-events__slide:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.featured-events__slide-inner-wrapper {
    display: inline-block;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    vertical-align: middle;
    width: 100%;
}

.featured-events__slide-heading {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

.featured-events__slide-cta {
    background-color: #fff;
    border: none;
    color: #231f20;
    margin-bottom: 10px;
    padding-right: 37px;
    position: relative;
    text-transform: uppercase;
}

    .featured-events__slide-cta:after {
        background-image: url(../images/simplified-button-arrow.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        height: 12px;
        margin-top: -6px;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 8px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .featured-events__slide-cta:after {
        background-image: url(../images/simplified-button-arrow@2x.png);
        background-size: 8px 12px;
    }
}

.featured-events__slide-cta:focus, .featured-events__slide-cta:hover {
    background-color: #0085cf;
    color: #fff;
}

    .featured-events__slide-cta:focus:after, .featured-events__slide-cta:hover:after {
        background-position: 50% 100%;
    }

.featured-events__slide-info {
    color: #fff;
    font-weight: 700;
    margin-top: 5px;
}

@media screen and (min-width:768px) {
    .featured-events__slide-heading {
        font-size: 45px;
    }

    .featured-events__slides-nav {
        margin-top: 50px;
    }

    .featured-events__slides {
        margin-left: 30px;
        margin-right: -65px;
    }

    .featured-events__slide {
        height: 428px;
        overflow: visible;
    }

    .featured-events__slide-inner-wrapper {
        padding-left: 50px;
        padding-right: 50px;
    }

    .featured-events__slide-cta {
        float: left;
        margin-right: 20px;
    }

    .featured-events__slide-info {
        float: left;
    }
}

@media screen and (min-width:992px) {
    .featured-events__slide {
        height: 456px;
    }

    .featured-events__slide-heading {
        font-size: 80px;
    }
}

@media screen and (min-width:1200px) {
    .featured-events__slide {
        height: 482px;
    }

    .featured-events__slide-heading {
        font-size: 95px;
    }
}

.find-the-next-arrival {
    background-color: #00bbe5;
    color: #fff;
    margin-bottom: 50px;
    margin-top: 50px;
    padding: 20px 20px 10px;
}

.find-the-next-arrival__heading {
    font-weight: 700;
    margin-bottom: 20px;
}

.find-the-next-arrival .form input[type=text] {
    padding-left: 0;
    padding-right: 0;
}

.find-the-next-arrival .form__group--inputs {
    background-color: #f1f1f1;
    color: #333;
    padding: 20px;
}

.find-the-next-arrival .form__group--actions {
    text-align: left;
}

.find-the-next-arrival .form button[type=submit] {
    background-color: #fff;
    color: #231f20;
    padding-left: 20px;
    padding-right: 33px;
}

    .find-the-next-arrival .form button[type=submit]:after {
        background-position: 50% 0;
        margin-top: -7px;
        right: 20px;
    }

    .find-the-next-arrival .form button[type=submit]:focus, .find-the-next-arrival .form button[type=submit]:hover {
        background-color: #0085cf;
        color: #fff;
    }

        .find-the-next-arrival .form button[type=submit]:focus:after, .find-the-next-arrival .form button[type=submit]:hover:after {
            background-position: 50% 100%;
        }

.find-the-next-arrival__service-items {
    margin-bottom: 5px;
    margin-left: -10px;
    margin-right: -10px;
}

.find-the-next-arrival__service-item {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}

.find-the-next-arrival__service-label {
    cursor: pointer;
    display: block;
    padding-bottom: 5px;
    padding-top: 5px;
}

.find-the-next-arrival__service-text {
    display: inline-block;
    position: relative;
}

    .find-the-next-arrival__service-text:before {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        left: 7px;
        position: absolute;
    }

.find-the-next-arrival__service-text--bus {
    padding-left: 38px;
}

    .find-the-next-arrival__service-text--bus:before {
        background-image: url(../images/bus-icon-blue.png);
        height: 23px;
        top: 2px;
        width: 26px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .find-the-next-arrival__service-text--bus:before {
        background-image: url(../images/bus-icon-blue@2x.png);
        background-size: 26px 23px;
    }
}

.find-the-next-arrival__service-text--train {
    padding-left: 41px;
}

    .find-the-next-arrival__service-text--train:before {
        background-image: url(../images/train-icon-blue.png);
        height: 31px;
        top: 0;
        width: 27px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .find-the-next-arrival__service-text--train:before {
        background-image: url(../images/train-icon-blue@2x.png);
        background-size: 27px 31px;
    }
}

.find-the-next-arrival__station-status {
    background-color: #fff;
    display: none;
    margin-bottom: 20px;
    padding: 20px 20px 10px;
}

@media screen and (min-width:768px) {
    .find-the-next-arrival {
        margin-bottom: 60px;
        margin-left: -65px;
        margin-top: 100px;
        padding: 30px 30px 10px 65px;
    }

        .find-the-next-arrival .form__group--inputs {
            -webkit-box-shadow: 1px 2px 0 rgba(0,0,0,.2);
            box-shadow: 1px 2px 0 rgba(0,0,0,.2);
            margin-right: -65px;
            padding: 30px;
        }

    .find-the-next-arrival__service-items {
        margin-left: -20px;
        margin-right: -20px;
    }

    .find-the-next-arrival__service-item {
        margin-left: 20px;
        margin-right: 20px;
    }
}

.form ::-webkit-input-placeholder {
    color: #696969;
}

.form :-moz-placeholder {
    color: #696969;
}

.form ::-moz-placeholder {
    color: #696969;
}

.form :-ms-input-placeholder {
    color: #696969;
}

.form input[type=email], .form input[type=password], .form input[type=text], .form textarea {
    -webkit-appearance: none;
    background-color: transparent;
    border: #838485;
    border-style: solid;
    border-width: 0 0 1px;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.4;
    margin-bottom: 5px;
    padding: 8px 15px;
    width: 100%;
}

.form input[type=text].has-val + label,
.form input[type=email].has-val + label,
.form input[type=password].has-val + label,
.form textarea.has-val + label {
  color: #00bbe5;
  font-size: 13px;
  top: -16px;
}


    .form input[type=email]:focus, .form input[type=password]:focus, .form input[type=text]:focus, .form textarea:focus {
        outline: 0;
    }

        .form input[type=email]:focus + label, .form input[type=password]:focus + label, .form input[type=password]:valid + label, .form input

[type=text]:focus + label, .form input[type=text]:valid + label, .form textarea:focus + label, .form textarea:valid + label {
            color: #00bbe5;
            font-size: 13px;
            top: -16px;
        }

    .form input[type=email].error, .form input[type=password].error, .form input[type=text].error, .form textarea.error {
        border-color: #ed1c24;
    }

.form textarea {
    resize: none;
}

.form input[type=file] {
    color: #333;
    display: block;
    padding-top: 5px;
    width: 100%;
}

.form button[type=submit] {
    background-color: #00bbe5;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 11px 60px 11px 47px;
    position: relative;
    text-transform: uppercase;
}

    .form button[type=submit]:after {
        background-image: url(../images/simplified-button-arrow.png);
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        height: 12px;
        margin-top: -6px;
        position: absolute;
        right: 47px;
        top: 50%;
        width: 8px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .form button[type=submit]:after {
        background-image: url(../images/simplified-button-arrow@2x.png);
        background-size: 8px 12px;
    }
}

.form button[type=submit]:focus, .form button[type=submit]:hover {
    background-color: #0085cf;
}

.form select {
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    width: 100%;
}

.form .selectboxit-container {
    display: block;
    margin-bottom: 5px;
    width: 100%;
}

.form__heading {
    margin-bottom: 10px;
    font-weight: 700;
}

.form__group {
    margin-bottom: 20px;
}

.form__group--actions {
    text-align: center;
}

.form__group-heading {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.form__item {
    margin-bottom: 25px;
}

.form__field {
    margin-bottom: 5px;
    position: relative;
}

.form__label {
    color: #696969;
    font-size: 14px;
    font-weight: 500;
    left: 15px;
    position: absolute;
    top: 6px;
    -webkit-transition: color .2s ease-in-out,font-size .2s ease-in-out,top .2s ease-in-out;
    transition: color .2s ease-in-out,font-size .2s ease-in-out,top .2s ease-in-out;
}


.form__checkbox {
    display: block;
}

.form__timepicker {
    position: relative;
}

    .form__timepicker:after {
        background-image: url(../images/clock-icon.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 16px;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%;
        width: 16px;
        z-index: 10;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .form__timepicker:after {
        background-image: url(../images/clock-icon@2x.png);
        background-size: 16px 16px;
    }
}

.form__timepicker input[type=text] {
    padding-right: 41px!important;
    position: relative;
    z-index: 20;
}

.form__datepicker {
    position: relative;
}

    .form__datepicker:after {
        background-image: url(../images/calendar-icon.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 16px;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%;
        width: 16px;
        z-index: 10;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .form__datepicker:after {
        background-image: url(../images/calendar-icon@2x.png);
        background-size: 16px 16px;
    }
}

.form__datepicker input[type=text] {
    padding-right: 41px!important;
    position: relative;
    z-index: 20;
}

.form label.error {
    color: #ed1c24;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    margin-left: 15px;
}

@media screen and (min-width:768px) {
    .form__checkbox {
        display: inline;
        margin-right: 20px;
    }
}

@media screen and (min-width:992px) {
    .form input[type=email], .form input[type=password], .form input[type=text], .form select, .form textarea, .form__label {
        font-size: 17px;
    }
}

.frequencies-vertical {
    margin-bottom: 50px;
}

.frequencies-vertical__box {
    background-color: #fff;
    border: 1px solid #ececec;
    padding: 25px 30px 0;
}

.frequencies-vertical__heading {
    font-size: 18px;
    margin-bottom: 25px;
}

.frequencies-vertical__line {
    margin-bottom: 25px;
}

.frequencies-vertical__line-heading {
    border-bottom: 2px solid #333;
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
}

    .frequencies-vertical__line-heading:before {
        content: "";
        display: block;
        height: 10px;
        left: -14px;
        margin-top: -7px;
        position: absolute;
        top: 50%;
        width: 9px;
    }

.frequencies-vertical__line-heading--gold {
    color: #d5a929;
}

    .frequencies-vertical__line-heading--gold:before {
        background-color: #d5a929;
    }

.frequencies-vertical__line-heading--red {
    color: #d1232c;
}

    .frequencies-vertical__line-heading--red:before {
        background-color: #d1232c;
    }

.frequencies-vertical__line-heading--green {
    color: #0f9e4b;
}

    .frequencies-vertical__line-heading--green:before {
        background-color: #0f9e4b;
    }

.frequencies-vertical__line-heading--blue {
    color: #028bb3;
}

    .frequencies-vertical__line-heading--blue:before {
        background-color: #028bb3;
    }

.frequencies-vertical__line-content {
    font-size: 14px;
}

.frequencies-vertical__cta {
    border-top: 2px solid #adadad;
    margin-top: 25px;
    padding-top: 10px;
}

@media screen and (min-width:768px) {
    .frequencies-vertical {
        margin-bottom: 80px;
    }

    .frequencies-vertical__box {
        padding: 25px 40px 0;
    }

    .frequencies-vertical__lines {
        margin-right: -10px;
    }

    .frequencies-vertical__line {
        margin-right: 10px;
    }

    .frequencies-vertical__cta {
        margin-left: 30px;
        margin-right: 30px;
    }
}

@media screen and (min-width:1200px) {
    .frequencies-vertical__box {
        margin-left: -30px;
    }

    .frequencies-vertical__line, .frequencies-vertical__lines {
        margin-right: 0;
    }

    .frequencies-vertical__cta {
        margin-left: 0;
    }
}

.frequencies {
    background-color: #333;
    color: #fff;
    margin-top: 20px;
    padding: 10px 10px 15px;
}

.frequencies__heading {
    font-weight: 700;
    margin: 10px;
}

.frequencies__table {
    display: block;
    line-height: 1.2;
    margin-bottom: 5px;
    width: 100%;
}

    .frequencies__table tbody, .frequencies__table td, .frequencies__table tfoot, .frequencies__table thead, .frequencies__table tr {
        display: block;
    }

    .frequencies__table tr {
        margin-bottom: 10px;
    }

        .frequencies__table tr.frequencies__th-row {
            display: none;
        }

    .frequencies__table th {
        font-size: 15px;
        font-weight: 700;
        padding: 5px 10px 15px;
        text-align: left;
    }

    .frequencies__table td {
        color: #e0e0e0;
        font-size: 12px;
        font-weight: 400;
        padding: 5px 10px;
    }

.frequencies__line-label {
    font-size: 15px;
    font-weight: 700;
    padding-left: 14px;
    position: relative;
}

    .frequencies__line-label:before {
        content: "";
        display: block;
        height: 10px;
        left: 0;
        margin-top: -4px;
        position: absolute;
        top: 50%;
        width: 9px;
    }

.frequencies__line-label--gold:before {
    background-color: #d5a929;
}

.frequencies__line-label--red:before {
    background-color: #d1232c;
}

.frequencies__line-label--green:before {
    background-color: #0f9e4b;
}

.frequencies__line-label--blue:before {
    background-color: #028bb3;
}

.frequencies__hours-xs {
    display: inline-block;
    width: 70%;
}

@media screen and (min-width:768px) {
    .frequencies {
        margin-bottom: -50px;
        margin-left: -30px;
        margin-right: -30px;
    }

    .frequencies__table thead {
        display: table-header-group;
    }

    .frequencies__table tbody {
        display: table-row-group;
    }

    .frequencies__table tfoot {
        display: table-footer-group;
    }

    .frequencies__table tr {
        display: table-row;
        margin-bottom: 0;
    }

        .frequencies__table tr.frequencies__th-row {
            display: table-row;
        }

    .frequencies__table td {
        display: table-cell;
    }

    .frequencies__hours-xs {
        display: none;
    }
}

@media screen and (min-width:992px) {
    .frequencies {
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 0;
    }
}

.glance {
    margin-bottom: 10px;
}

.glance__box {
    color: #fff;
    height: 100%;
    font-size: 20px;
    letter-spacing: -.03em;
    line-height: 1.2;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px 20px;
    position: relative;
}

    .glance__box strong {
        font-size: 3.125rem;
        font-weight: 700;
        letter-spacing: -.04em;
        line-height: 1;
    }

.glance__box--charcoal {
    background-color: #343434;
}

.glance__box--orange {
    background-color: #f79044;
}

.glance__box--yellow {
    background-color: #fdbf43;
}

.glance__box--blue {
    background-color: #00bbe5;
}

    .glance__box--blue:before, .glance__box--yellow:before {
        background-color: rgba(0,0,0,.03);
        bottom: 0;
        content: "";
        height: 100%;
        left: -200px;
        position: absolute;
        -webkit-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
        transform-origin: bottom left;
        -webkit-transform: skew(-45deg);
        -ms-transform: skew(-45deg);
        transform: skew(-45deg);
        width: 150px;
        z-index: 10;
    }

.glance__box--large {
    font-size: 27px;
}

.glance__box--1 {
    padding-bottom: 80px;
}

.glance__box-inner-wrapper {
    position: relative;
    z-index: 20;
}

.glance__box-heading {
    font-size: 45px;
}

.glance__image {
    margin-bottom: 30px;
}

.glance__text {
    font-size: 17px;
}

    .glance__text h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }

.glance__smaller-font {
    font-size: 80%;
}

@media screen and (min-width:768px) {
    .glance__box {
        padding: 50px;
    }

    .glance__box--1 {
        padding-bottom: 80px;
    }
}

@media screen and (min-width:992px) {
    .glance__box--blue:before, .glance__box--yellow:before {
        left: -300px;
        width: 250px;
    }

    .glance__box--left {
        margin-left: -30px;
    }

    .glance__box--right {
        margin-right: -30px;
    }

    .glance__box--1 {
        padding-bottom: 178px;
        padding-top: 80px;
    }

    .glance__box--2 {
        margin-top: 117px;
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .glance__box--3 {
        padding-bottom: 80px;
        padding-top: 80px;
    }

    .glance__box--4 {
        padding-bottom: 160px;
        padding-top: 80px;
    }

    .glance__box--5 {
        padding-top: 80px;
    }

    .glance__box--6 {
        padding-bottom: 100px;
        padding-top: 80px;
    }

    .glance__box--7 {
        padding-top: 80px;
    }

    .glance__box--8 {
        padding-bottom: 100px;
        padding-top: 80px;
    }

    .glance__image--left {
        margin-left: -30px;
    }

    .glance__image--right {
        margin-right: -30px;
    }

    .glance__image--2 {
        margin-top: 200px;
    }

    .glance__text {
        margin-top: 30px;
    }

    .glance__text--right {
        margin-right: -30px;
    }
}

@media screen and (min-width:1200px) {
    .glance__box {
        font-size: 26px;
    }

    .glance__box--large {
        font-size: 36px;
    }

    .glance__box--1 {
        padding-bottom: 160px;
    }

    .glance__box-heading {
        font-size: 60px;
    }

    .glance__text {
        margin-top: 130px;
    }

        .glance__text h2 {
            font-size: 60px;
        }
}

.interrupt {
    background-color: #fdbf43;
    color: #333;
    font-size: 16px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 18px;
}

.interrupt__body {
    position: relative;
}

.interrupt__label {
    font-weight: 700;
    line-height: 1;
    margin-bottom: 20px;
}

.interrupt__learn-more, .interrupt__title {
    line-height: 1.2;
    margin-bottom: 20px;
}

    .interrupt__learn-more a {
        color: #333;
        font-size: 17px;
        padding-right: 23px;
        position: relative;
        text-transform: uppercase;
    }

        .interrupt__learn-more a:after {
            background-image: url(../images/arrow-right-blue.png);
            background-position: 50% 0;
            background-repeat: no-repeat;

            background-size: cover!important;
            content: "";
            display: block;
            height: 12px;
            margin-top: -6px;
            position: absolute;
            right: 0;
            top: 50%;
            width: 18px;
        }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .interrupt__learn-more a:after {
        background-image: url(../images/arrow-right-blue@2x.png);
        background-size: 18px 12px;
    }
}

.interrupt__learn-more a:focus:after, .interrupt__learn-more a:hover:after {
    background-position: 50% 100%;
}

.interrupt__close {
    color: #333;
    font-size: 20px;
    left: -20px;
    position: absolute;
    top: -4px;
}

    .interrupt__close:hover {
        color: #0073b3;
    }

.interrupt--serious {
    padding-bottom: 40px;
    padding-top: 60px;
    text-align: center;
}

    .interrupt--serious .interrupt__label {
        font-size: 22px;
        text-transform: uppercase;
    }

@media screen and (min-width:768px) {
    .interrupt {
        padding-left: 0;
    }
}

@media screen and (min-width:992px) {
    .interrupt {
        margin-bottom: -24px;
        padding-bottom: 40px;
        padding-top: 18px;
    }

    .interrupt--serious {
        padding-bottom: 40px;
        padding-top: 60px;
    }
}

@media screen and (min-width:1200px) {
    .interrupt {
        padding-bottom: 20px;
        padding-top: 18px;
    }

    .interrupt--serious {
        padding-bottom: 40px;
        padding-top: 60px;
    }
}

.introduction {
    margin-bottom: 30px;
}

.introduction--fares {
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
}

    .introduction--fares:before {
        background-color: #adadad;
        content: "";
        height: 2px;
        left: 30px;
        position: absolute;
        top: -25px;
        width: 58.3333%;
    }

@media screen and (min-width:768px) {
    .introduction {
        margin-bottom: 80px;
    }

    .introduction--fares {
        margin-bottom: 30px;
        padding-left: 0;
        padding-right: 0;
    }

        .introduction--fares:before {
            left: 0;
        }
}

.kpis {
    margin-bottom: 50px;
}

.kpis__category-heading {
    border-bottom: 2px solid #333;
    font-size: 2rem;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.kpis__items {
    margin-bottom: 50px;
}

.kpis__item {
    font-size: 14px;
    margin-bottom: -5px;
    
    position: relative;
    left:0px;
}

    .kpis__item:before {
        border-radius: 50%;
        content: "";
        height: 16px;
        left: 0;
        position: absolute;
        top: 3px;
        width: 16px;
    }

.kpis__item--red:before {
    background-color: #eb5844;
}

.kpis__item--green:before {
    background-color: #b8d000;
}

.leadership {
    margin-bottom: 50px;
}

.leadership__heading {
    font-size: 2.1875rem;
    margin-bottom: 20px;
}

.leadership__item {
    color: #333;
    display: block;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 50px;
}

    .leadership__item:focus .leadership__item-name, .leadership__item:focus .leadership__item-title, .leadership__item:hover .leadership__item-name, 

.leadership__item:hover .leadership__item-title {
        color: #333;
    }

.leadership__item-image {
    margin-bottom: 10px;
}

.leadership__item-name {
    border-bottom: 2px solid #333;
    color: #00bbe5;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.leadership__item-title {
    margin-bottom: 10px;
}

@media screen and (min-width:768px) {
    .leadership__heading {
        padding-right: 10px;
        padding-top: 80px;
    }
}

.leaflet-label {
    background: #ebebeb;
    background: rgba(235,235,235,.8);
    background-clip: padding-box;
    border-color: #777;
    border-color: rgba(0,0,0,.25);
    border-radius: 4px;
    border-style: solid;
    border-width: 4px;
    color: #111;
    display: block;
    font: 12px/20px soleil,Helvetica,Arial,sans-serif;
    font-weight: 700;
    padding: 1px 6px;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    z-index: 6;
}

    .leaflet-label.leaflet-clickable {
        cursor: pointer;
    }

    .leaflet-label:after, .leaflet-label:before {
        border-bottom: 6px solid transparent;
        border-top: 6px solid transparent;
        content: none;
        position: absolute;
        top: 5px;
    }

    .leaflet-label:before {
        border-right: 6px solid #000;
        border-right-color: inherit;
        left: -10px;
    }

    .leaflet-label:after {
        border-left: 6px solid #000;
        border-left-color: inherit;
        right: -10px;
    }

.leaflet-label-left:after, .leaflet-label-right:before {
    content: "";
}

.leaflet-control-topo {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 7px rgba(0,0,0,.4);
    box-shadow: 0 1px 7px rgba(0,0,0,.4);
}

.leaflet-control-topo-collapsed {
    background: #f8f8f9;
    height: 36px;
    width: 36px;
}

.leaflet-control-topo-expanded {
    background: #f8f8f9;
    height: 200px;
    width: 80%;
}

.leaflet-control-topo-toggle {
    background: url(../images/plan-a-trip/topo-control-icon.png);
    bottom: 0;
    cursor: pointer;
    height: 28px;
    margin: 4px;
    position: absolute;
    right: 0;
    width: 28px;
}

.leaflet-control-topo-graph {
    bottom: 0;
    left: 0;
    margin: 4px;
    position: absolute;
    right: 32px;
    top: 0;
}

.main-nav {
    display: none;
}

.main-nav__trigger {
    background-color: #231f20;
    color: #fff;
    display: block;
    float: right;
    font-weight: 700;
    height: 81px;
    margin-right: -15px;
    padding-bottom: 28px;
    padding-top: 28px;
    text-align: center;
    text-transform: uppercase;
    width: 97px;
}

    .main-nav__trigger:focus, .main-nav__trigger:hover {
        background-color: #3e3739;
        color: #fff;
    }

.main-nav__nav {
    border-top: 1px solid #000;
    margin-left: -15px;
    margin-right: -15px;
}

.main-nav__level1 > a {
    border-bottom: 1px solid #c7c7c7;
    color: #333;
    display: block;
    font-weight: 700;
    padding: 5px 15px;
}

    .main-nav__level1.is-selected .main-nav__dropdown-trigger, .main-nav__level1 > a:focus, .main-nav__level1 > a:hover {
        color: #00bbe5;
    }

.main-nav__level1.is-selected .main-nav__label-with-arrow:after {
    background-position: 50% 100%;
}

.main-nav__level1.is-hovered .main-nav__dropdown-trigger {
    color: #00bbe5;
}

.main-nav__level1.is-hovered .main-nav__label-with-arrow:after {
    background-position: 50% 100%;
}

.main-nav__level1.is-hovered .main-nav__dropdown {
    display: block;
}

.main-nav__dropdown-trigger {
    border-bottom: 1px solid #c7c7c7;
    color: #333;
    cursor: default;
    font-weight: 700;
    padding: 5px 15px;
}

.main-nav__label-with-arrow {
    padding-right: 16px;
    position: relative;
}

    .main-nav__label-with-arrow:after {
        background-image: url(../images/dropdown-arrow.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 7px;
        margin-top: -2px;
        position: absolute;
        right: 0;
        top: 50%;
        width: 11px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .main-nav__label-with-arrow:after {
        background-image: url(../images/dropdown-arrow@2x.png);
        background-size: 11px 7px;
    }
}

.main-nav__dropdown {
    background-color: #fff;
    border-bottom: 1px solid #c7c7c7;
    display: none;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
}

.main-nav__dropdown-highlight {
    background-color: #333;
    color: #fff;
    margin-bottom: 20px;
    margin-left: -20px;
    margin-right: -20px;
    padding: 30px 20px 10px;
}

.main-nav__category-heading {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
}

.main-nav__category {
    margin-bottom: 30px;
}

.main-nav__category-list {
    font-size: 16px;
}

    .main-nav__category-list li {
        line-height: 1.2;
        margin-bottom: 5px;
    }

.main-nav__schedule {
    margin-bottom: 30px;
}

.main-nav__schedule-heading {
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 8px;
}

.main-nav__schedule-list {
    font-size: 14px;
}

    .main-nav__schedule-list li {
        line-height: 1.2;
        margin-bottom: 5px;
    }

.main-nav__banner {
    margin-bottom: 30px;
}

.main-nav__search-form form input[type=submit] {
    background-image: url(../images/site-search-icon.png);
    background-color: transparent;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 20px 40px!important;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-indent: 100%;
    top: 8px;
    white-space: nowrap;
    width: 20px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .main-nav__search-form form input[type=submit] {
        background-image: url(../images/site-search-icon@2x.png);
        background-size: 25px 24px;
    }
}

.main-nav__search-form form input[type=submit]:focus, .main-nav__search-form form input[type=submit]:hover {
    background-position: 50% 100%;
}

.main-nav__search-form .form__field {
    position: relative;
}

@media screen and (min-width:768px) {
    .main-nav__dropdown-highlight {
        margin-right: 0;
    }
}

@media screen and (min-width:992px) {
    .main-nav {
        display: block;
        margin-left: 0;
    }

    .main-nav__trigger {
        display: none;
    }

    .main-nav__nav {
        border-top: none;
        display: block;
        float: right;
margin-left: -50px; 
 margin-right: 20px; 
    }

    .main-nav__level1 {
        float: left;
    }

        .main-nav__level1 > a {
            border-bottom: none; 
            padding-bottom: 42px; 
padding-left: 20px; 
 padding-right: 20px;  
            padding-top: 46px; 
        }

        .main-nav__level1.is-hovered .main-nav__search-trigger-label {
            background-position: 50% 100%;
        }

    .main-nav__dropdown-trigger {
        border-bottom: none; 
        padding-bottom: 42px; 
padding-left: 20px; 
 padding-right: 20px; 
        padding-top: 46px; 
    }

    .main-nav__dropdown-trigger--search {
        padding-bottom: 43px;
        padding-top: 47px;
    }

    .main-nav__search-trigger-label {
        background-image: url(../images/site-search-icon.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: 23px 44px!important;
        display: block;
        height: 22px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        width: 23px;
    }
}

@media only screen and (min-width:992px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:992px) and (min--moz-device-pixel-ratio:2),only 

screen and (min-width:992px) and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-width:992px) and (min-device-pixel-ratio:2),only screen and (min-

width:992px) and (min-resolution:192dpi),only screen and (min-width:992px) and (min-resolution:2dppx) {
    .main-nav__search-trigger-label {
        background-image: url(../images/site-search-icon@2x.png);
        background-size: 25px 24px;
    }
}

@media screen and (min-width:992px) {
    .main-nav__dropdown {
        border-bottom: none;
        border-top: 1px solid #c7c7c7;
        left: 0;
        padding-left: 23px;
        padding-right: 23px;
        position: absolute;
        top: 100%;
        width: 100%;
    }

    .main-nav__dropdown-highlight {
        margin-left: -23px;
        margin-right: 0;
        padding: 30px 30px 10px;
    }

    .main-nav__search-form form input[type=submit] {
        top: 10px;
    }
}

@media screen and (min-width:1200px) {
   /* .main-nav__nav {
        margin-left: -45px;
        margin-right: 0;
margin-left: -55px;
        margin-right: -36px;

    }

*/

  .main-nav__dropdown-trigger, .main-nav__level1 > a { 
    padding-bottom: 39px; 
    padding-left: 30px; 
    padding-right: 30px; 
    padding-top: 43px; 
	}

    .main-nav__dropdown-trigger--search {
        padding-bottom: 40px;
        padding-top: 44px;
    }

    .main-nav__search-trigger-label {
        background-size: cover!important;
        height: 25px;
        width: 24px;


    }
}




.mantle {
    background-color: #f9f9f9;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -30px;
    padding-bottom: 50px;
    padding-top: 50px;


}

.mantle__heading {
    position: relative;
}

.mantle__heading-slash {
    bottom: -10px;
    height: 90px;
    left: -40px;
    position: absolute;
    -webkit-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transform: skew(-35deg);
    -ms-transform: skew(-35deg);
    transform: skew(-35deg);
    width: 35px;
    z-index: 0;
}

.mantle__heading-slash--orange {
    background-color: #f79044;
}

.mantle__heading-slash--yellow {
    background-color: #fdbf43;
}

.mantle__heading-slash--blue {
    background-color: #00bbe5;
}

.mantle__heading-text {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    line-height: .96;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

.mantle__heading-text--dark {
    color: #333;
}

.mantle__content {
    margin-top: 40px;
}

.mantle__date-location {
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
}

.mantle__contact {
    background-color: #333;
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    padding: 30px 30px 10px;
}

.mantle__contact-heading {
    font-size: 18px;
    margin-bottom: 10px;
}

.mantle__cta {
    border-color: #fff;
    background-color: #fff;
    color: #231f20;
    font-size: 16px;
    text-transform: uppercase;
}

    .mantle__cta:focus, .mantle__cta:hover {
        border-color: #0085cf;
        background-color: #0085cf;
        color: #fff;
    }

.mantle__cta-message {
    margin-top: 30px;
    padding-top: 10px;
    position: relative;
}

    .mantle__cta-message:before {
        background-color: #adadad;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        top: 0;
        width: 250px;
    }


/*MARTA 101 mantle images*/
.mantle--train-schedules {
    background-image: url(../images/mantle-regional-transit-partners.jpg);
    padding-bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--bus-schedules {
    background-image: url(../images/mantle-bus-schedules.jpg);
    padding-bottom: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}

.mantle--bus-schedules-details {

}

.mantle--station-streetcar {
    background-image: url(../images/mantle-streetcar.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--accessible {
 background-image: url(../images/mantle-accessible.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.mantle--regional-transit-partners {
    background-image: url(../images/mantle-regional-transit-partners.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--why-marta {
    background-image: url(../images/mantle-why.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;


}

.mantle--marta-videos {
    background-image: url(../images/mantle-regional-transit-partners.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--mobile-apps {
    background-image: url(../uploadedimages/advanced-mobile-application-.2e16d0ba.fill-2400x858-c100.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--trip-ideas {
    background-image: url(../images/mantle-trip-ideas.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--helpful-articles {
    background-image: url(../images/mantle-bike.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.mantle--bike {
    background-image: url(../images/mantle-bike.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


/*  Station Background mantle images*/
.mantle--station-airport {
    background-image: url(../images/station-details-images/airport.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-arts-center  {
    background-image: url(../images/station-details-images/artscenter.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-ashby {
    background-image: url(../images/station-details-images/ashby.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-avondale {
    background-image: url(../images/station-details-images/3-1-avondale.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-bankhead {
    background-image: url(../images/station-details-images/bankhead.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-brookhaven-oglethorpe  {
    background-image: url(../images/station-details-images/brookhaven_v2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-buckhead {
    background-image: url(../images/station-details-images/buckhead.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-chamblee {
    background-image: url(../images/station-details-images/chamblee.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-civic-center {
    background-image: url(../images/station-details-images/civiccenter.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-college-park {
    background-image: url(../images/station-details-images/collegepark.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-decatur {
    background-image: url(../images/station-details-images/decatur.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-sec-district {
    background-image: url(../images/station-details-images/dome.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-doraville {
    background-image: url(../images/station-details-images/doraville.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-dunwoody {
    background-image: url(../images/station-details-images/dunwoody.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-east-lake {
    background-image: url(../images/station-details-images/eastlake.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mantle--station-east-point {
    background-image: url(../images/station-details-images/eastpoint.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-edgewood-candler-park {
    background-image: url(../images/station-details-images/edgewoodcandlerpark.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-five-points {
    background-image: url(../images/station-details-images/fivepoints.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mantle--station-garnett {
    background-image: url(../images/station-details-images/garnett.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-georgia-state {
    background-image: url(../images/station-details-images/gastate_v2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-hamilton-e-holmes {
    background-image: url(../images/station-details-images/heholmes.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-indian-creek {
    background-image: url(../images/station-details-images/2-1-indian-creek.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-inman-park-reynoldstown {
    background-image: url(../images/station-details-images/inmanpark.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-kensington {
    background-image: url(../images/station-details-images/1-1-kensington.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-king-memorial {
    background-image: url(../images/station-details-images/kingmemorial.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-lakewood-ft-mcpherson{
    background-image: url(../images/station-details-images/lakewood.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-lenox {
    background-image: url(../images/station-details-images/lenox.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-lindbergh {
    background-image: url(../images/station-details-images/lindberg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-medical-center {
    background-image: url(../images/station-details-images/medicalcenter.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-midtown {
    background-image: url(../images/station-details-images/midtown.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-north-ave {
    background-image: url(../images/station-details-images/northave.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-north-springs  {
    background-image: url(../images/station-details-images/northsprings.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-oakland-city {
    background-image: url(../images/station-details-images/oakland.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.mantle--station-peachtree-center {
    background-image: url(../images/station-details-images/peachtreecenter.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-sandy-springs {
    background-image: url(../images/station-details-images/sandysprings.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mantle--station-streetcar {
    background-image: url(../uploadedImages/mantle-streetcar2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.mantle--station-vine-city {
    background-image: url(../images/station-details-images/vinecity.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-west-end {
    background-image: url(../images/station-details-images/westend.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--station-west-lake {
    background-image: url(../images/station-details-images/westlake.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*End of station background images*/



/*Fares and Refills mantle images*/
.mantle--breeze {
    background-image: url(../images/mantle-breeze.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--fares {
    background-image: url(../images/mantle-fares.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.mantle--fares-reg {
    background-image: url(../images/mantle-fares-reg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--parking {
    background-image: url(../images/mantle-parking.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*More  mantle images*/

.mantle--about {
    background-image: url(../images/mantle-about.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.mantle--about-marta {
    background-image: url(../images/mantle-about.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--news-press {
    background-image: url(../images/mantle-news-press.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--board-of-directors {
    background-image: url(../images/mantle-board.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.mantle--careers-at-marta {
    background-image: url(../images/mantle-careers.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--diversity-and-inclusion {
    background-image: url(../images/mantle-deo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--employee-links {
    background-image: url(../images/mantle-employees.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--police {
    background-image: url(../images/mantle-police.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--current-future-projects {
    background-image: url(../images/mantle-future.jpg);
 
    background-position: center;
    background-repeat: no-repeat;
  
}

.mantle--transit-oriented-development {
    background-image: url(../images/mantle-tod.jpg);
 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.mantle--procurement {
    background-image: url(../images/mantle-procurement.jpg);
 
    background-position: center;
    background-repeat: no-repeat;
    
}

.mantle--advertising {
    background-image: url(../images/mantle-advertise.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.mantle--contact {
    background-image: url(../images/mantle-contact.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* ----------- End of mantle css code  ---------------- */

@media screen and (min-width:768px) {
    .mantle {

        margin-top: -243px;
        min-height: 420px;
        padding-bottom: 100px;
        padding-top: 213px;
    }

    .mantle__heading {
        margin-left: -7px;
    }

    .mantle__heading-slash {
        height: 110px;
        width: 40px;
    }

    .mantle__heading-text {
        font-size: 6rem;
    }

    .mantle__cta {
        float: left;
    }

    .mantle__date-location {
        float: left;
        margin-left: 20px;
    }
}

@media screen and (min-width:992px) {
    .mantle__heading-slash {
        height: 125px;
        width: 45px;
    }
}

@media screen and (min-width:1200px) {
    .mantle__heading-slash {
        height: 140px;
        width: 50px;
    }
}



.mini-service-updates {
    font-size: 12px;
    margin-left: -15px;
    margin-right: -15px;
}

.mini-service-updates__label {
    background-color: #333;
    color: #fff;
    display: none;
    float: left;
    font-weight: 700;
    padding: 12px 20px;
}

.mini-service-updates__items {
    position: relative;
    width: 100%;
}

.mini-service-updates__item {
    float: left;
    text-align: center;
    width: 50%;
}

    .mini-service-updates__item:not(:last-child) {
        border-right: 1px solid #fff;
    }

    .mini-service-updates__item:focus .mini-service-updates__trigger, .mini-service-updates__item:hover .mini-service-updates__trigger {
        background-color: #f5f5f5;
        color: #343434;
    }

    .mini-service-updates__item:focus .mini-service-updates__trigger-label:before, .mini-service-updates__item:hover .mini-service-updates__trigger-

label:before {
        background-position: 50% 100%;
    }

.mini-service-updates__trigger {
    background-color: #00bbe5;
    color: #fff;
    display: block;
    font-weight: 700;
    padding: 12px;
}

.mini-service-updates__trigger-label {
    display: inline-block;
    position: relative;
    white-space: nowrap;
}

    .mini-service-updates__trigger-label:before {
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        left: 0;
        position: absolute;
    }

.mini-service-updates__trigger-label--bus {
    padding-left: 36px;
}

    .mini-service-updates__trigger-label--bus:before {
        background-image: url(../images/bus-icon-white-blue.png);
        height: 23px;
        top: -3px;
        width: 26px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mini-service-updates__trigger-label--bus:before {
        background-image: url(../images/bus-icon-white-blue@2x.png);
        background-size: 26px 23px;
    }
}

.mini-service-updates__trigger-label--train {
    padding-left: 37px;
}

    .mini-service-updates__trigger-label--train:before {
        background-image: url(../images/train-icon-white-blue.png);
        height: 31px;
        top: -6px;
        width: 27px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mini-service-updates__trigger-label--train:before {
        background-image: url(../images/train-icon-white-blue@2x.png);
        background-size: 27px 31px;
    }
}

/*added for Streetcar service updates*/
.mini-service-updates__trigger-label--streetcar {
    padding-left: 37px;
}

    .mini-service-updates__trigger-label--streetcar:before {
        background-image: url(../images/streetcar-icon-white-blue.png);
        height: 31px;
        top: -6px;
        width: 27px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mini-service-updates__trigger-label--streetcar:before {
        background-image: url(../images/streetcar-icon-white-blue@2x.png);
        background-size: 27px 31px;
    }
}

/*added for Escalator & Elevator service updates*/
.mini-service-updates__trigger-label--escele {
    padding-left: 37px;
}

    .mini-service-updates__trigger-label--escele:before {
        background-image: url(../images/escele-icon-white-blue.png);
        height: 31px;
        top: -6px;
        width: 27px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mini-service-updates__trigger-label--escele:before {
        background-image: url(../images/escele-icon-white-blue@2x.png);
        background-size: 27px 31px;
    }
}

/*added for RestRoom service updates*/
.mini-service-updates__trigger-label--restroom {
    padding-left: 37px;
}

    .mini-service-updates__trigger-label--restroom:before {
        background-image: url(../images/restroom-icon-white-blue.png);
        height: 31px;
        top: -6px;
        width: 27px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .mini-service-updates__trigger-label--restroom:before {
        background-image: url(../images/restroom-icon-white-blue@2x.png);
        background-size: 27px 31px;
    }
}


.mini-service-updates__alert-number {
    background-color: #333;
    border-radius: 50%;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-right: 5px;
    text-align: center;
    width: 19px;
}

.mini-service-updates__content {

    background-color: #f5f5f5;
    border-color: #e4e4e4;
    border-style: solid;
    border-width: 0 1px 1px;
    display: none;
    font-size: 14px;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 100%;
    width: 100%;
}

.mini-service-updates__alert {
    margin-bottom: 20px;
}

.mini-service-updates__alert-name {
    line-height: 1.2;
    margin-bottom: 5px;
}

    .mini-service-updates__alert-name a {
        color: #333;
        font-size: 16px;
        text-decoration: underline;
    }

.mini-service-updates__alert-description {
    line-height: 1.4;
}

.mini-service-updates__message {
    color: #333;
    font-size: 16px;
}


.mini-service-updates__item.is-selected .mini-service-updates__trigger { 
background-color: #f5f5f5; 
color: #343434; 
} 
.mini-service-updates__item.is-selected .mini-service-updates__trigger-label:before { 
background-position: 50% 100%; 
} 
.mini-service-updates__item.is-selected .mini-service-updates__content { 
display: block; 
}




@media screen and (min-width:992px) {
    .mini-service-updates {
        float: right;
        margin-left: 0;
        margin-right: 0;
    }

    .mini-service-updates__label {
        display: block;
    }

    .mini-service-updates__items {
        float: left;
        width: auto;
    }

    .mini-service-updates__item {
        margin-right: 0;
        text-align: left;
        width: auto;
    }

        .mini-service-updates__item:not(:last-child) {
            margin-left: 0;
        }

        .mini-service-updates__item:focus .mini-service-updates__content, .mini-service-updates__item:hover .mini-service-updates__content {
            display: block;
        }

    .mini-service-updates__trigger {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.news-press {
    margin-bottom: 50px;
    padding-top: 30px;
}

.news-press__page-heading {
    font-size: 2.5rem;
    margin-bottom: 30px;
    padding-left: 35px;
}

.news-press__items {
    margin-bottom: 1px;
}

.news-press__item {
    line-height: 1;
}

.news-press__date {
    font-size: 16px;
    margin-bottom: 5px;
    margin-left: 35px;
    margin-top: 25px;
}

.news-press__item-main {
    border-bottom: 1px solid #e0e0e0;
    display: block;
    margin-bottom: -1px;
    padding-left: 35px;
    padding-bottom: 25px;
    padding-right: 50px;
    padding-top: 25px;
}

    .news-press__item-main:focus, .news-press__item-main:hover {
        background-color: #f6f6f6;
        border-color: #f6f6f6;
        position: relative;
        z-index: 10;
    }

        .news-press__item-main:focus .news-press__headline, .news-press__item-main:hover .news-press__headline {
            color: #00bbe5;
        }

            .news-press__item-main:focus .news-press__headline:after, .news-press__item-main:hover .news-press__headline:after {
                background-image: url(../images/arrow-right-blue.png);
                background-position: 50% 0;
                background-repeat: no-repeat;
                background-size: cover!important;
                content: "";
                display: block;
                height: 12px;
                margin-top: -6px;
                position: absolute;
                right: 25px;
                top: 50%;
                width: 18px;
            }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .news-press__item-main:focus .news-press__headline:after, .news-press__item-main:hover .news-press__headline:after {
        background-image: url(../images/arrow-right-blue@2x.png);
        background-size: 18px 12px;
    }
}

.news-press__source {
    color: #282832;
    font-size: 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.news-press__headline {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.news-press__year-selector {
    display: inline-block;
    margin-bottom: 20px;
    margin-top: 20px;
}

.news-press__year-selector-label {
    background-color: #000;
    color: #fff;
    float: left;
    padding: 10px 20px 11px 30px;
}

.news-press__year-selector-box {
    float: left;
    width: 110px;
}

    .news-press__year-selector-box .selectboxit-btn {
        background-color: #343434;
        border-bottom: none;
        color: #fff;
    }

    .news-press__year-selector-box .selectboxit-option, .news-press__year-selector-box .selectboxit-text {
        text-indent: 20px;
    }

.news-press .pagination__list {
    margin-left: 28px;
}

.news-press .js-tabbed__tabs { 
 border-bottom: 1px solid #333; 
 padding-left: 10px; 
}

.news-press .tabbed--sm .js-tabbed__tabs { 
 padding-left: 0; 
}

.news-press .js-tabbed__tab { 
 float: left; 
 margin-left: -1px; 
}

.news-press .tabbed--sm .js-tabbed__tab { 
 float: none; 
}

.news-press .js-tabbed__tab-link {
    border-color: #333;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #333;
    display: block;
    padding: 8px 25px;
}

    .news-press .js-tabbed__tab-link:hover {
        color: #00bbe5;
    }

    .news-press .js-tabbed__tab-link.is-selected {
        background-color: #333;
        color: #fff;
    }

@media screen and (min-width:768px) { 
 .news-press__headline { 
 font-size: 22px; 
 }

.news-press__date { 
 font-size: 14px; 
 }

.news-press .js-tabbed__tabs { 
 padding-left: 0; 
 }

.news-press .js-tabbed__tab-link { 
 padding: 11px 35px; 
 }

.news-press .tabbed--sm .js-tabbed__tab-link { 
 font-size: 14px; 
 padding-left: 20px; 
 padding-right: 20px; 
 } 
}

@media screen and (min-width:992px) { 
 .news-press__date { 
 margin-bottom: 0; 
 margin-left: 0; 
 }

.news-press__date--news { 
 margin-top: 54px; 
 }

.news-press__date--press { 
 margin-top: 50px; 
 }

.news-press__item-main { 
 margin-left: 35px; 
 padding-bottom: 34px; 
 padding-left: 0; 
 padding-right: 80px; 
 padding-top: 35px; 
 }

/* Venkata commented 
 .news-press__item-main:focus, .news-press__item-main:hover { 
 margin-left: 0; 
 padding-left: 35px; 
 } */

.news-press__item-main:focus, .news-press__item-main:hover { 
 margin-left: 0; 
 margin-left:35px; 
 }

.news-press .tabbed--sm .js-tabbed__tab { 
 float: left; 
 } 
}

@media screen and (min-width:1200px) { 
 .news-press .tabbed--sm .js-tabbed__tab-link { 
 font-size: 17px; 
 } 
} 


.otp-startFlagIcon {
    background: url(../images/plan-a-trip/marker-flag-start-shadowed.png);
    height: 49px;
    margin-left: -44px;
    margin-top: -41px;
    width: 48px;
}

.otp-endFlagIcon {
    background: url(../images/plan-a-trip/marker-flag-end-shadowed.png);
    height: 49px;
    margin-left: -44px;
    margin-top: -41px;
    width: 48px;
}

.otp-crosshairIcon {
    background: url(../images/plan-a-trip/marker-crosshair.png);
    height: 11px;
    margin-left: -6px;
    margin-top: -6px;
    width: 11px;
}

.otp-legBubble-iconModeSymbol {
    background: #000;
    height: 16px;
    margin-left: 7px;
    width: 16px;
}

.otp-legBubble-icon {
    font-size: 9px;
    font-weight: 700;
    height: 30px;
    text-align: center;
    width: 20px;
}

.otp-legBubble-icon-nw {
    background: url(../images/plan-a-trip/legbubble/nw.png);
}

.otp-legBubble-icon-ne {
    background: url(../images/plan-a-trip/legbubble/ne.png);
}

.otp-legBubble-icon-sw {
    background: url(../images/plan-a-trip/legbubble/sw.png);
}

.otp-legBubble-icon-se {
    background: url(../images/plan-a-trip/legbubble/se.png);
}

.otp-legBubble-icon-nw-highlight {
    background: url(../images/plan-a-trip/legbubble/nw_highlight.png);
}

.otp-legBubble-icon-ne-highlight {
    background: url(../images/plan-a-trip/legbubble/ne_highlight.png);
}

.otp-legBubble-icon-sw-highlight {
    background: url(../images/plan-a-trip/legbubble/sw_highlight.png);
}

.otp-legBubble-icon-se-highlight {
    background: url(../images/plan-a-trip/legbubble/se_highlight.png);
}

.otp-legBubble-icon-topRow-n {
    height: 16px;
    margin-top: 3px;
}

.otp-legBubble-icon-topRow-s {
    height: 16px;
    margin-top: 16px;
}

.otp-legBubble-arrow-right {
    background: url(../images/plan-a-trip/mode/arrow_right.png);
    height: 16px;
    width: 8px;
}

.otp-legBubble-arrow-left {
    background: url(../images/plan-a-trip/mode/arrow_left.png);
    height: 16px;
    width: 8px;
}

.otp-modeIcon-BICYCLE {
    background: url(../images/plan-a-trip/mode/bicycle.png);
    height: 16px;
    width: 16px;
}

.otp-modeIcon-WALK {
    background: url(../images/plan-a-trip/mode/walk.png);
    height: 16px;
    width: 10px;
}

.otp-modeIcon-BUS {
    background: url(../images/plan-a-trip/mode/bus.png);
    height: 16px;
    width: 11px;
}

.otp-modeIcon-RAIL {
    background: url(../images/plan-a-trip/mode/rail.png);
    height: 16px;
    width: 12px;
}

.otp-modeIcon-TRAM {
    background: url(../images/plan-a-trip/mode/tram.png);
    height: 16px;
    width: 11px;
}

.otp-modeIcon-SUBWAY {
    background: url(../images/plan-a-trip/mode/subway.png);
    height: 16px;
    width: 14px;
}

.otp-modeIcon-FERRY {
    background: url(../images/plan-a-trip/mode/ferry.png);
    height: 16px;
    width: 16px;
}

.otp-modeIcon-GONDOLA {
    background: url(../images/plan-a-trip/mode/gondola.png);
    height: 16px;
    width: 15px;
}

.otp-modeIcon-CAR {
    background: url(../images/plan-a-trip/mode/car.png);
    height: 16px;
    width: 15px;
}

.otp-routeShortName {
    margin-top: -1px;
}

.otp-mapContextMenu {
    background-color: #fff;
    border: 1px solid #8f8f8f;
    position: absolute;
    z-index: 1000;
}

.otp-mapContextMenuItem {
    cursor: pointer;
    font-size: 14px;
    padding: 5px 10px;
}

    .otp-mapContextMenuItem:not(:last-child) {
        border-bottom: 1px solid #d9d9d9;
    }

    .otp-mapContextMenuItem:hover {
        color: #00bbe5;
    }

.otp-itinHeader { 
cursor: pointer; 
line-height: 1.8em; 
margin: -15px -20px; 
padding: 15px 20px; 
} 
.otp-itinHeader:focus { 
outline: 0; 
}


.PlanResponseNarrativeView:not(.activated) .otp-itinHeader:focus, .PlanResponseNarrativeView:not(.activated) .otp-itinHeader:hover {
    border: 2px solid #00bbe5;
    padding: 13px 18px;
}

.otp-itinHeader-title {
    border-bottom: 1px solid #888;
    margin-bottom: .4em;
    padding-right: 32px;
    position: relative;
}

.otp-itinHeader-preview {
    margin-bottom: .25em;
    text-align: center;
}

.otp-itinHeader-details {
    font-size: .9em;
}

.otp-itinHeader .pull-right {
    text-align: right;
}

.otp-leg {
    font-size: .9em;
    margin-top: .5em;
}

    .otp-leg .alert {
        margin-bottom: .5em;
        margin-top: .5em;
        padding: 1em;
    }

.otp-legHeader {
    background: #eee;
    cursor: pointer;
    line-height: 1.2em;
    padding: .5em .5em .5em .75em;
}

.otp-mode-action {
    float: left;
    margin-bottom: 5px;
}

.otp-legBody {
    padding-top: .3em;
}

.otp-transitLeg-leftCol {
    color: gray;
    float: left;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    width: 50px;
}

.otp-transitLeg-endpointDesc {
    border-left: 1px solid #ccc;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    margin-left: 55px;
    padding: 0 0 0 5px;
}

.otp-transitLeg-endpointDescSub {
    border-left: 1px solid #ccc;
    color: gray;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    margin-left: 55px;
    padding: 0 0 0 5px;
}

.otp-transitLeg-buffer {
    border-left: 1px solid #ccc;
    font-size: .9em;
    height: .9em;
    margin-left: 55px;
}

.otp-transitLeg-elapsedDesc {
    border-left: 1px solid #ccc;
    color: gray;
    font-size: .9em;
    margin-left: 55px;
    padding-left: 5px;
}

.otp-legStep-row {
    cursor: pointer;
    margin-bottom: .3em;
    padding: .5em;
}

.otp-legStep-dist {
    color: #444;
    float: right;
    font-size: 12px;
    line-height: 1.2;
    padding-bottom: 1px;
    text-align: center;
    width: 32px;
}

.otp-legStep-text {
    font-size: 12px;
    line-height: 1.4;
    margin-left: 45px;
    margin-right: 32px;
    margin-bottom: 6px;
    margin-top: 6px;
}

.otp-legStep-icon {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    float: left;
    height: 20px;
    margin: 6px 10px;
    width: 20px;
}

.otp-legStepLabel-icon {
    background-size: 100%;
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 20px;
}

.otp-legStep-icon-LEFT {
    background-image: url(../images/plan-a-trip/directions/left.png);
}

.otp-legStep-icon-RIGHT {
    background-image: url(../images/plan-a-trip/directions/right.png);
}

.otp-legStep-icon-HARD_LEFT {
    background-image: url(../images/plan-a-trip/directions/hard_left.png);
}

.otp-legStep-icon-HARD_RIGHT {
    background-image: url(../images/plan-a-trip/directions/hard_right.png);
}

.otp-legStep-icon-SLIGHTLY_LEFT {
    background-image: url(../images/plan-a-trip/directions/slightly_left.png);
}

.otp-legStep-icon-SLIGHTLY_RIGHT {
    background-image: url(../images/plan-a-trip/directions/slightly_right.png);
}

.otp-legStep-icon-TURN_LEFT {
    background-image: url(../images/plan-a-trip/directions/turn_left.png);
}

.otp-legStep-icon-TURN_RIGHT {
    background-image: url(../images/plan-a-trip/directions/turn_right.png);
}

.otp-legStep-icon-EXIT_LEFT {
    background-image: url(../images/plan-a-trip/directions/exit_left.png);
}

.otp-legStep-icon-EXIT_RIGHT {
    background-image: url(../images/plan-a-trip/directions/exit_right.png);
}

.otp-legStep-icon-UTURN_LEFT {
    background-image: url(../images/plan-a-trip/directions/uturn_left.png);
}

.otp-legStep-icon-UTURN_RIGHT {
    background-image: url(../images/plan-a-trip/directions/uturn_right.png);
}

.otp-legStep-icon-CONTINUE {
    background-image: url(../images/plan-a-trip/directions/continue.png);
}

.otp-legStep-icon-MERGE {
    background-image: url(../images/plan-a-trip/directions/merge.png);
}

.otp-legStep-icon-ELEVATOR {
    background-image: url(../images/plan-a-trip/directions/elevator.png);
}

.otp-legStep-icon-CIRCLE_CLOCKWISE {
    background-image: url(../images/plan-a-trip/directions/circle_clockwise.png);
}

.otp-legStep-icon-CIRCLE_COUNTERCLOCKWISE {
    background-image: url(../images/plan-a-trip/directions/circle_counterclockwise.png);
}

.otp-legMode-icon {
    background: url(../images/plan-a-trip/mode/modes.png) no-repeat;
    background-size: 200px 20px;
    display: inline-block;
    margin-top: -3px;
    vertical-align: middle;
}

.otp-legMode-icon-WALK {
    background-position: -2px 0;
    height: 20px;
    width: 12px;
}

.otp-legMode-icon-BICYCLE {
    background-position: -15px 0;
    height: 20px;
    width: 23px;
}

.otp-legMode-icon-BUS {
    background-position: -40px 0;
    height: 20px;
    width: 19px;
}

.otp-legMode-icon-RAIL, .otp-legMode-icon-SUBWAY, .otp-legMode-icon-TRAM {
    background-position: -61px 0;
    height: 20px;
    width: 16px;
}

.otp-legMode-icon-FERRY {
    background-position: -97px 0;
    height: 20px;
    width: 21px;
}

.otp-legMode-icon-GONDOLA {
    background-position: -119px 0;
    height: 20px;
    width: 19px;
}

.otp-legMode-icon-CAR {
    background-position: -139px 0;
    height: 20px;
    width: 19px;
}

.otp-legHeader .otp-legMode-wrapper {
    clear: both;
}

.otp-legHeader .otp-legMode-icon-wrapper {
    float: left;
    margin-right: 5px;
    width: 35px;
}

.otp-legHeader .otp-legMode-icon {
    background-size: 300px 30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
}

.otp-legHeader .otp-legMode-icon-WALK {
    background-position: -3px 0;
    height: 30px;
    width: 18px;
}

.otp-legHeader .otp-legMode-icon-BICYCLE {
    background-position: -23px 0;
    height: 30px;
    width: 35px;
}

.otp-legHeader .otp-legMode-icon-BUS {
    background-position: -61px 0;
    height: 30px;
    width: 28px;
}

.otp-legHeader .otp-legMode-icon-RAIL, .otp-legHeader .otp-legMode-icon-SUBWAY, .otp-legHeader .otp-legMode-icon-TRAM {
    background-position: -91px 0;
    height: 30px;
    width: 24px;
}

.otp-legHeader .otp-legMode-icon-FERRY {
    background-position: -146px 0;
    height: 30px;
    width: 32px;
}

.otp-legHeader .otp-legMode-icon-GONDOLA {
    background-position: -179px 0;
    height: 30px;
    width: 29px;
}

.otp-legHeader .otp-legMode-icon-CAR {
    background-position: -209px 0;
    height: 30px;
    width: 29px;
}

.otp-legHeader .otp-legMode-heading {
    float: left;
    width: -webkit-calc(100% - 40px);
    width: calc(100% - 40px);
}

.otp-legMode-icon-arrow-left {
    background-position: -162px 0;
    height: 16px;
    width: 10px;
}

.otp-legMode-icon-arrow-right {
    background-position: -176px 0;
    height: 20px;
    margin-left: 7px;
    margin-right: 5px;
    width: 10px;
}

.otp-legMode-route-short-name {
    margin-left: 5px;
}

.otp-legMode-title {
    display: none;
}

.otp-popup-content {
    padding: 5px;
}

    .otp-popup-content .otp-legStepLabel-icon {
        margin: -5px 5px 0 0;
    }

@media print {
    .otp-legMode-title {
        display: inline;
    }

    .otp-itinHeader .print {
        display: none;
    }
}

.pagination {
    margin-bottom: 50px;
}

.pagination__list {
    margin-bottom: 6px;
    margin-left: -7px;
    margin-right: -7px;
    margin-top: 30px;
}

.pagination__list-item {
    float: left;
    line-height: 17px;
    margin-bottom: 14px;
    margin-left: 7px;
    margin-right: 7px;
}

.pagination__list-item--dots {
    color: #00bbe5;
    font-size: 30px;
    padding-bottom: 13px;
    padding-top: 5px;
}

.pagination__list-link {
    background-color: #00bbe5;
    border: 2px solid #00bbe5;
    color: #fff;
    display: block;
    padding: 8px 5px;
    text-align: center;
    width: 37px;
}

    .pagination__list-link:focus, .pagination__list-link:hover {
        background-color: transparent;
        color: #343434;
    }

    .pagination__list-link.is-current {
        background-color: transparent;
        border: 2px solid #343434;
        color: #343434;
    }

.pagination__previous {
    float: left;
}

.pagination__next {
    float: right;
}

.pagination__next-article {
    background-color: #343434;
    display: block;
    line-height: 1;
    margin-bottom: -50px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 20px 15px;
}

    .pagination__next-article:focus .pagination__next-article-text:after, .pagination__next-article:hover .pagination__next-article-text:after {
        background-position: 50% 100%;
    }

.pagination__next-article-label {
    color: #929292;
    text-transform: uppercase;
}

.pagination__next-article-text {
    display: inline-block;
    font-size: 2.5rem;
    font-weight: 700;
    padding-right: 28px;
    position: relative;
}

    .pagination__next-article-text:after {
        background-image: url(../images/arrow-right-blue.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 12px;
        right: 0;
        margin-top: -3px;
        position: absolute;
        top: 50%;
        width: 18px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .pagination__next-article-text:after {
        background-image: url(../images/arrow-right-blue@2x.png);
        background-size: 18px 12px;
    }
}

@media screen and (min-width:768px) {
    .pagination__previous {
        float: right;
    }

    .pagination__next-article {
        float: right;
        margin-left: 0;
        margin-right: -65px;
        padding-left: 60px;
        padding-right: 60px;
        width: auto;
    }

    .pagination__next-article-text {
        padding-right: 50px;
    }
}

@media screen and (min-width:992px) {
    .pagination__next-article {
        padding-left: 80px;
        padding-right: 80px;
    }
}

@media screen and (min-width:1200px) {
    .pagination__next-article {
        padding-left: 100px;
        padding-right: 100px;
    }
}

.plan-a-trip {
    margin-top: -30px;
}

    .plan-a-trip ::-webkit-input-placeholder {
        color: #696969;
    }

    .plan-a-trip :-moz-placeholder {
        color: #696969;
    }

    .plan-a-trip ::-moz-placeholder {
        color: #696969;
    }

    .plan-a-trip :-ms-input-placeholder {
        color: #696969;
    }

    .plan-a-trip input[type=email], .plan-a-trip input[type=password], .plan-a-trip input[type=text], .plan-a-trip textarea {
        -webkit-appearance: none;
        background-color: transparent;
        border: #838485;
        border-style: solid;
        border-width: 0 0 1px;
        color: #333;
        display: block;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -.01em;
        line-height: 1.4;
        margin-bottom: 5px;
        padding: 8px 15px;
        width: 100%;
    }

        .plan-a-trip input[type=email]:focus, .plan-a-trip input[type=password]:focus, .plan-a-trip input[type=text]:focus, .plan-a-trip textarea:focus {
            outline: 0;
        }

            .plan-a-trip input[type=email]:focus + label, .plan-a-trip input[type=email]:valid + label, .plan-a-trip input[type=password]:focus + label, 

.plan-a-trip input[type=password]:valid + label, .plan-a-trip input[type=text]:focus + label, .plan-a-trip input[type=text]:valid + label, .plan-a-trip 

textarea:focus + label, .plan-a-trip textarea:valid + label {
                color: #00bbe5;
                font-size: 13px;
                top: -16px;
            }

        .plan-a-trip input[type=email].error, .plan-a-trip input[type=password].error, .plan-a-trip input[type=text].error, .plan-a-trip textarea.error {
            border-color: #ed1c24;
        }

    .plan-a-trip textarea {
        resize: none;
    }

.plan-a-trip__button {
    background-color: #00bbe5;
    border: none;
    color: #fff;
    cursor: pointer;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}

    .plan-a-trip__button:focus, .plan-a-trip__button:hover {
        background-color: #0085cf;
        color: #fff;
    }

    .plan-a-trip__button.is-disabled {
        background-color: #0085cf;
    }

.plan-a-trip__sidebar {
    padding: 20px 20px 0;
}

.plan-a-trip__heading {
    margin-bottom: 20px;
}

.plan-a-trip__location-pickers {
    padding-right: 31px;
    position: relative;
}

.plan-a-trip__location-picker {
    margin-bottom: 10px;
}

.plan-a-trip__reverse-direction {
    background-image: url(../images/reverse-icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin-top: -8px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 100%;
    top: 50%;
    white-space: nowrap;
    width: 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__reverse-direction {
        background-image: url(../images/reverse-icon@2x.png);
        background-size: 16px 16px;
    }
}

.plan-a-trip__toggle-settings-wrapper { 
margin-bottom: 20px; 
padding-top: 5px; 
} 
.plan-a-trip__toggle-settings { 
display: inline-block; 
font-size: 14px; 
font-weight: 700; 
line-height: 1; 
padding-right: 16px; 
position: relative; 
}


    .plan-a-trip__toggle-settings:after {
        background-image: url(../images/dropdown-arrow.png);
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 7px;
        margin-top: -2px;
        position: absolute;
        right: 0;
        top: 50%;
        width: 11px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__toggle-settings:after {
        background-image: url(../images/dropdown-arrow@2x.png);
        background-size: 11px 7px;
    }
}

.plan-a-trip__toggle-settings:focus, .plan-a-trip__toggle-settings:hover {
    color: #343434;
}

.plan-a-trip__toggle-settings--show:after { 
background-position: 50% 100%; 
-webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg); 
transform: rotate(180deg); 
} 
.plan-a-trip__toggle-settings--show:focus:after, 
.plan-a-trip__toggle-settings--show:hover:after { 
background-position: 50% 0%; 
-webkit-transform: rotate(0deg); 
-ms-transform: rotate(0deg); 
transform: rotate(0deg); 
} 
.plan-a-trip__toggle-settings--hide:after { 
background-position: 50% 100%; 
} 
.plan-a-trip__toggle-settings--hide:focus:after, 
.plan-a-trip__toggle-settings--hide:hover:after { 
background-position: 50% 0%; 
-webkit-transform: rotate(180deg); 
-ms-transform: rotate(180deg); 
transform: rotate(180deg); 
}


.plan-a-trip__arrive-by-control {
    margin-bottom: 10px;
}

.plan-a-trip__time-control {
    margin-bottom: 10px;
    position: relative;
}

    .plan-a-trip__time-control input.form-control {
        padding-right: 41px;
        position: relative;
        z-index: 20;
    }

.plan-a-trip__time-control-icon {
    background-image: url(../images/clock-icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 16px;
    z-index: 10;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__time-control-icon {
        background-image: url(../images/clock-icon@2x.png);
        background-size: 16px 16px;
    }
}

.plan-a-trip__date-control {
    margin-bottom: 10px;
    position: relative;
}

    .plan-a-trip__date-control input.form-control {
        padding-right: 41px;
        position: relative;
        z-index: 20;
    }

.plan-a-trip__date-control-icon {
    background-image: url(../images/calendar-icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin-top: -8px;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 16px;
    z-index: 10;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__date-control-icon {
        background-image: url(../images/calendar-icon@2x.png);
        background-size: 16px 16px;
    }
}

.plan-a-trip__travel-by-control {
    margin-bottom: 10px;
}

    .plan-a-trip__travel-by-control .control-label {
        font-size: 14px;
        padding-top: 7px;
    }

.plan-a-trip__optimize-control {
    margin-bottom: 10px;
}

    .plan-a-trip__optimize-control .control-label {
        font-size: 14px;
        padding-top: 7px;
    }

.plan-a-trip__wheelchair-accessible {
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 20px;
}

    .plan-a-trip__wheelchair-accessible input {
        margin-right: 5px;
    }

.plan-a-trip__max-walk-control {
    margin-bottom: 10px;
}

    .plan-a-trip__max-walk-control .control-label {
        font-size: 14px;
        padding-top: 7px;
    }

.plan-a-trip__max-bike-control {
    margin-bottom: 10px;
}

    .plan-a-trip__max-bike-control .control-label {
        font-size: 14px;
        padding-top: 7px;
    }

    .plan-a-trip__max-bike-control .bikeTriangleControl {
        margin-top: 10px;
    }

.plan-a-trip__step-controls {
    margin-bottom: 20px;
}

.plan-a-trip__step-controls-item {
    float: left;
    text-align: center;
    width: 25%;
}

.plan-a-trip__step-controls-item-link {
    color: #343434;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    position: relative;
}

    .plan-a-trip__step-controls-item-link:before {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        margin-top: -7px;
        position: absolute;
        top: 50%;
    }

    .plan-a-trip__step-controls-item-link:focus, .plan-a-trip__step-controls-item-link:hover {
        color: #343434;
        opacity: .5;
    }

.plan-a-trip__step-controls-item-link--first {
    padding-left: 21px;
}

    .plan-a-trip__step-controls-item-link--first:before {
        background-image: url(../images/fast-backward-icon.png);
        height: 14px;
        left: 0;
        width: 16px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__step-controls-item-link--first:before {
        background-image: url(../images/fast-backward-icon@2x.png);
        background-size: 16px 14px;
    }
}

.plan-a-trip__step-controls-item-link--previous {
    padding-left: 19px;
}

    .plan-a-trip__step-controls-item-link--previous:before {
        background-image: url(../images/backward-icon.png);
        height: 14px;
        left: 0;
        width: 14px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__step-controls-item-link--previous:before {
        background-image: url(../images/backward-icon@2x.png);
        background-size: 14px 14px;
    }
}

.plan-a-trip__step-controls-item-link--next {
    padding-right: 19px;
}

    .plan-a-trip__step-controls-item-link--next:before {
        background-image: url(../images/forward-icon.png);
        height: 14px;
        right: 0;
        width: 14px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__step-controls-item-link--next:before {
        background-image: url(../images/forward-icon@2x.png);
        background-size: 14px 14px;
    }
}

.plan-a-trip__step-controls-item-link--last {
    padding-right: 21px;
}

    .plan-a-trip__step-controls-item-link--last:before {
        background-image: url(../images/fast-forward-icon.png);
        height: 14px;
        right: 0;
        width: 16px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__step-controls-item-link--last:before {
        background-image: url(../images/fast-forward-icon@2x.png);
        background-size: 16px 14px;
    }
}

.plan-a-trip__narrative.is-loading .plan-a-trip__itineraries {
    position: relative;
}

    .plan-a-trip__narrative.is-loading .plan-a-trip__itineraries:before {
        background-color: rgba(255,255,255,.8);
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 1000;
    }

.plan-a-trip__narrative-box {
    background-color: #f1f1f1;
    border: 1px solid #ececec;
    margin-bottom: 20px;
    padding: 15px 20px;
}

.plan-a-trip__itineraries {
    margin-bottom: 20px;
}

.plan-a-trip__itinerary {
    background-color: #fff;
    border: 1px solid #ececec;
    margin-bottom: 10px;
    padding: 15px 20px;
}

.plan-a-trip__print {
    background-image: url(../images/print-icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    margin-top: -7.5px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 100%;
    top: 50%;
    white-space: nowrap;
    width: 16px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .plan-a-trip__print {
        background-image: url(../images/print-icon@2x.png);
        background-size: 16px 15px;
    }
}

.plan-a-trip__main {
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

.plan-a-trip__map {
    height: 280px;
}

.plan-a-trip__plan {
    padding-left: 20px;
    padding-right: 20px;
}

@media screen and (min-width:768px) {
    .plan-a-trip {
        margin-top: -47px;
        position: relative;
    }

    .plan-a-trip__sidebar {
        background-color: #f6f6f6;
        float: left;
        height: -webkit-calc(100vh - 133px);
        height: calc(100vh - 133px);
        overflow-y: auto;
        width: 360px;
    }

    .plan-a-trip__main {
        float: left;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        width: -webkit-calc(100% - 360px);
        width: calc(100% - 360px);
    }

    .plan-a-trip__map {
        height: -webkit-calc(100vh - 133px);
        height: calc(100vh - 133px);
    }

    .plan-a-trip__plan {
        padding-left: 0;
        padding-right: 0;
    }
}

@media screen and (min-width:992px) {
    .plan-a-trip input[type=email], .plan-a-trip input[type=password], .plan-a-trip input[type=text], .plan-a-trip textarea {
        font-size: 17px;
    }

    .plan-a-trip__sidebar { 
    width: 380px; 
    } 
    .plan-a-trip__toggle-settings { 
    font-size: 16px; 
    }


    .plan-a-trip__max-bike-control .control-label, .plan-a-trip__max-walk-control .control-label, .plan-a-trip__optimize-control .control-label, .plan-a-

trip__travel-by-control .control-label {
        font-size: 17px;
        padding-top: 6px;
    }

    .plan-a-trip__main {
        width: -webkit-calc(100% - 380px);
        width: calc(100% - 380px);
    }
}

@media screen and (min-width:1200px) {
    .plan-a-trip__sidebar {
        width: 420px;
    }

    .plan-a-trip__main {
        width: -webkit-calc(100% - 420px);
        width: calc(100% - 420px);
    }
}

@media print {
    #sidebar {
        overflow: visible!important;
    }

    #map {
        display: none!important;
    }

    .PlanResponseNarrativeView {
        display: none;
    }

        .PlanResponseNarrativeView.activated {
            display: block;
        }

    .plan-a-trip__narrative-message {
        display: none;
    }
}

body.mode-md .tab-pane, body.mode-sm .tab-pane {
    display: block;
}

.plan-a-trip-box {
    background-color: #231f20;
    color: #fff;
    margin-bottom: 50px;
    padding: 30px 20px 10px;
}

.plan-a-trip-box__heading {
    font-size: 3.75rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.plan-a-trip-box .form input[type=text] {
    padding-left: 0;
    padding-right: 0;
}

.plan-a-trip-box .form .selectboxit-text {
    text-indent: 0;
}

.plan-a-trip-box .form .selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    left: auto;
    margin-left: 0;
    right: 0;
}

.plan-a-trip-box .form__group--inputs {
    background-color: #f1f1f1;
    color: #333;
    padding: 20px;
}

.plan-a-trip-box .form__group--actions {
    text-align: right;
}

.plan-a-trip-box .form button[type=submit] {
    background-color: #fff;
    color: #231f20;
    padding-left: 20px;
    padding-right: 33px;
}

    .plan-a-trip-box .form button[type=submit]:after {
        background-position: 50% 0;
        margin-top: -7px;
        right: 20px;
    }

    .plan-a-trip-box .form button[type=submit]:focus, .plan-a-trip-box .form button[type=submit]:hover {
        background-color: #0085cf;
        color: #fff;
    }

        .plan-a-trip-box .form button[type=submit]:focus:after, .plan-a-trip-box .form button[type=submit]:hover:after {
            background-position: 50% 100%;
        }

        .plan-a-trip-box .form label.error {
    color: #ed1c24!important;
    font-size: 14px!important;
    margin-left: 0;
}

.plan-a-trip-box__time-date {
    display: none;
}

@media screen and (min-width:768px) {
    .plan-a-trip-box {
        margin-bottom: 60px;
        margin-right: -65px;
        margin-top: -50px;
        padding: 30px 65px 10px 50px;
    }

        .plan-a-trip-box .form__group--inputs {
            -webkit-box-shadow: -1px 2px 0 rgba(0,0,0,.2);
            box-shadow: -1px 2px 0 rgba(0,0,0,.2);
            margin-left: -85px;
            padding: 20px 40px;
        }
}

.press-release {
    margin-bottom: 50px;
}

.press-release__heading {
    font-weight: 700;
    margin-bottom: 30px;
}

.press-release__heading-left, .press-release__heading-right {
    float: left;
    margin-bottom: 20px;
    text-align: left;
}

.press-release__title {
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (min-width:768px) {
    .press-release__heading-right {
        float: right;
        text-align: right;
    }
}

.profile {
    margin-bottom: 50px;
}

.profile__content {
    margin-bottom: 50px;
    position: relative;
}

    .profile__content:after {
        background-color: #555;
        bottom: -20px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 65px;
    }

.profile__sidebar {
    margin-bottom: 50px;
}

.profile__image {
    margin-bottom: 25px;
}

.profile__follow {
    border-top: 2px solid #adadad;
    margin-bottom: 20px;
    padding-top: 10px;
}

@media screen and (min-width:768px) {
    .profile__content {
        padding-right: 20px;
    }
}

.regional-transit-partners {
    margin-bottom: 50px;
}

.regional-transit-partners__heading {
    font-size: 2.1875rem;
    margin-bottom: 20px;
    padding-top: 80px;
}

.regional-transit-partners__item {
    color: #333;
    display: block;
    font-size: 17px;
    line-height: 1.4;
    margin-bottom: 50px;
}

.regional-transit-partners__item-image {
    margin-bottom: 10px;
}

.regional-transit-partners__item-info {
    border-bottom: 2px solid #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.regional-transit-partners__item-name {
    font-weight: 700;
    margin-bottom: 5px;
}

@media screen and (min-width:768px) {
    .regional-transit-partners__heading {
        padding-right: 10px;
    }
}

.related {
    margin-bottom: 50px;
    margin-top: 50px;
}

.related__heading {
    font-weight: 700;
    margin-bottom: 20px;
}

.related__item {
    display: block;
    line-height: 1.4;
    margin-bottom: 20px;
}

.related__item-image {
    margin-bottom: 5px;
}

.related__item-name {
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 10px;
}

.related__item-description {
    font-size: 16px;
}

.responsive-image {
    display: block;
    width: 100%;
}

.route-schedules {
    padding-bottom: 50px;
    padding-top: 50px;
}

.route-schedules__heading {
    border-bottom: 2px solid #adadad;
    padding-bottom: 20px;
}

.route-schedules__item {
    border-bottom: 1px solid #e0e0e0;
}

    .route-schedules__item.is-selected {
        background-color: #f2f4f4;
        border-bottom: none;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .route-schedules__item.is-selected .route-schedules__item-trigger:after {
            -webkit-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

.route-schedules__item-trigger {
    color: #343434;
    display: block;
    font-size: 17px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}

    .route-schedules__item-trigger:after {
        background-image: url(../images/expando-plus.png);
        background-position: 50% 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 15px;
        margin-top: -7.5px;
        position: absolute;
        right: 20px;
        top: 50%;
        -webkit-transition: -webkit-transform .2s ease-in-out;
        transition: transform .2s ease-in-out;
        width: 15px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .route-schedules__item-trigger:after {
        background-image: url(../images/expando-plus@2x.png);
        background-size: 15px 15px;
    }
}

.route-schedules__item-trigger:focus:after, .route-schedules__item-trigger:hover:after {
    background-position: 0 100%;
}

.route-schedules__table-note {
    font-size: 14px;
    margin-bottom: 20px;
}

.route-schedules__tab {
    float: left;
}

    .route-schedules__tab > a {
        border-color: #343434;
        border-style: solid;
        border-width: 1px 1px 0;
        color: #343434;
        display: block;
        padding: 10px 20px;
    }

        .route-schedules__tab > a.is-selected {
            background-color: #343434;
            color: #fff;
        }

.route-schedules__table-wrapper {
    margin-bottom: 15px;
    overflow-x: auto;
    width: 100%;
}

.route-schedules__table {
    border-collapse: separate;
    position: relative;
}

    .route-schedules__table th {
        background-color: #fff;
        border-bottom: 1px solid #343434;
        border-right: 1px solid rgba(137,137,137,.4);
        border-top: 1px solid #343434;
        line-height: 1.2;
        padding: 10px 20px;
        text-align: center;
    }

        .route-schedules__table th:first-child {
            border-left: 1px solid #343434;
        }

        .route-schedules__table th:last-child {
            border-right: 1px solid #343434;
        }

    .route-schedules__table td {
        border-right: 1px solid rgba(137,137,137,.4);
        padding: 5px 10px;
        text-align: center;
    }

        .route-schedules__table td:first-child {
            border-left: 1px solid #adadad;
        }

        .route-schedules__table td:last-child {
            border-right: 1px solid #adadad;
        }

        .route-schedules__table td.route-schedules__td-without-padding {
            padding: 0;
        }

    .route-schedules__table tbody tr:first-child td {
        border-top: 1px solid #adadad;
    }

    .route-schedules__table tbody tr:last-child td {
        border-bottom: 1px solid #adadad;
    }

    .route-schedules__table tbody tr:nth-child(even) td {
        background-color: #fff;
    }

.route-schedules__table--bus {
    width: 1100px;
}

.route-schedules__table--train {
    min-width: 400px;
    width: 100%;
}

.route-schedules__sticky-header-mask {
    background-color: #f2f4f4;
    display: none;
    position: fixed;
    top: 0;
    z-index: 100;
}

.route-schedules__sticky-header-mask--bus {
    height: 60px;
}

.route-schedules__sticky-header-mask--train {
    height: 41px;
}

.route-schedules__sticky-header-mask--left {
    left: 0;
    width: 15px;
}

.route-schedules__sticky-header-mask--right {
    right: 0;
    width: 15px;
}

.route-schedules__train-hour {
    padding: 5px 10px;
}

    .route-schedules__train-hour:nth-child(odd) {
        background-color: #f2f4f4;
    }

    .route-schedules__train-hour:nth-child(even) {
        background-color: #fff;
    }

@media screen and (min-width:768px) {
    .route-schedules__item.is-selected {
        margin-left: -30px;
        margin-right: -30px;
        padding-bottom: 10px;
        padding-left: 30px;
        padding-right: 30px;
    }

    .route-schedules__table-wrapper {
        margin-bottom: 20px;
    }

    .route-schedules__table--bus {
        width: 150%;
    }

    .route-schedules__table--train {
        min-width: 0;
        width: 100%;
    }

    .route-schedules__sticky-header-mask {
        background-color: #fff;
    }

    .route-schedules__sticky-header-mask--bus {
        height: 54px;
    }

    .route-schedules__sticky-header-mask--train {
        display: none!important;
    }

    .route-schedules__sticky-header-mask--left {
        border-right: 30px solid #f2f4f4;
        width: -webkit-calc((100vw - 645px) / 2);
        width: calc((100vw - 645px) / 2);
    }

    .route-schedules__sticky-header-mask--right {
        border-left: 30px solid #f2f4f4;
        width: -webkit-calc((100vw - 645px) / 2);
        width: calc((100vw - 645px) / 2);
    }
}

@media screen and (min-width:992px) {
    .route-schedules__table-note {
        float: right;
        margin-bottom: 0;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 11px;
    }

    .route-schedules__table--bus {
        width: 1000px;
    }

    .route-schedules__table--train {
        width: 100%;
    }

    .route-schedules__sticky-header-mask--bus {
        height: 58px;
    }

    .route-schedules__sticky-header-mask--left {
        border-right: 30px solid #f2f4f4;
        width: -webkit-calc((100vw - 865px) / 2);
        width: calc((100vw - 865px) / 2);
    }

    .route-schedules__sticky-header-mask--right {
        border-left: 30px solid #f2f4f4;
        width: -webkit-calc((100vw - 865px) / 2);
        width: calc((100vw - 865px) / 2);
    }
}

@media screen and (min-width:1200px) {
    .route-schedules__table-note {
        padding-top: 13px;
    }

    .route-schedules__table {
        width: 100%;
    }

    .route-schedules__sticky-header-mask--bus {

        display: none!important;
    }
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

    .select2-container {
    width: 100%;
}

    .select2-container .select2-choice {
        border-color: #838485;
        border-style: solid;
        border-width: 0 0 1px;
        color: #333;
        cursor: pointer;
        display: block;
        font-size: 14px;
        height: 36px;
        line-height: 36px;
        overflow: hidden;
        padding-left: 15px;
        position: relative;
        text-decoration: none;
        white-space: nowrap;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .select2-container .select2-choice .select2-chosen {
            display: block;
            margin-right: 44px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container .select2-choice .select2-search-choice-close {
            background-image: url(../images/close-icon.png);
            background-position: 50% 50%;
            background-repeat: no-repeat;
            display: none;
            height: 12px;
            position: absolute;
            right: 44px;
            top: 14px;
            width: 12px;
        }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .select2-container .select2-choice .select2-search-choice-close {
        background-image: url(../images/close-icon@2x.png);
        background-size: 12px 12px;
    }
}

.select2-container .select2-choice .select2-arrow {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
}

    .select2-container .select2-choice .select2-arrow b {
        border-color: #00bbe5 transparent transparent;
        border-style: solid;
        border-width: 6px 6px 0;
        height: 0;
        left: 50%;
        margin-left: -7px;
        position: absolute;
        top: 19px;
        width: 0;
    }

.select2-container .select2-choice.select2-default {
    color: #696969;
}

.select2-container .select2-choice:focus {
    outline: 0;
}

.select2-container .select2-choice:hover {

    border-color: #00bbe5;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
    margin-right: 66px;
}

.select2-container.select2-allowclear .select2-choice .select2-search-choice-close {
    display: block;
}

.select2-container.select2-dropdown-open .select2-choice {
    border-bottom: 2px solid #00bbe5;
}

.select2-container.select2-container-disabled .select2-choice .select2-search-choice-close {
    display: none;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow b {
    border-color: #00bbe5 transparent transparent;
}

.select2-drop-mask {
    border: 0;
    height: auto;
    left: 0;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    opacity: 0;
    padding: 0;
    position: fixed;
    top: 0;
    width: auto;
    z-index: 9998;
    background-color: #fff;
    filter: alpha(opacity=0);
}

.select2-drop {
    background-color: #fff;
    border: 1px solid #8f8f8f;
    color: #333;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999;
}

    .select2-drop .select2-search {
        display: block;
        position: relative;
        white-space: nowrap;
        z-index: 10000;
    }

        .select2-drop .select2-search input {
            -webkit-appearance: none;
            background-color: transparent;
            border: #838485;
            border-style: solid;
            border-width: 0 0 1px;
            color: #333;
            display: block;
            font-size: 14px;
            font-weight: 500;
            height: 36px;
            letter-spacing: -.01em;
            line-height: 36px;
            padding: 8px 15px;
            width: 100%;
        }

            .select2-drop .select2-search input:focus {
                outline: 0;
            }

    .select2-drop .select2-results {
        -webkit-tap-highlight-color: transparent;
        max-height: 200px;
        overflow-x: hidden;
        overflow-y: auto;
        position: relative;
    }

        .select2-drop .select2-results .select2-result {
            color: #000;
            cursor: pointer;
            font-size: 14px;
            line-height: 1.4;
            padding: 10px 15px;
        }

            .select2-drop .select2-results .select2-result:not(:last-child) {
                border-bottom: 1px solid #d9d9d9;
            }

            .select2-drop .select2-results .select2-result.select2-highlighted {
                color: #00bbe5;
            }

        .select2-drop .select2-results .select2-no-results, .select2-drop .select2-results .select2-searching, .select2-drop .select2-results .select2-

selection-limit {
            background: #f6f6f6;
            padding: 5px 15px;
        }

.select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.select2-offscreen, .select2-offscreen:focus {
    clip: rect(0 0 0 0)!important;
    width: 1px!important;
    height: 1px!important;
    border: 0!important;
    margin: 0!important;
    padding: 0!important;
    overflow: hidden!important;
    position: absolute!important;
    outline: 0!important;
    left: 0!important;
    top: 0!important;
}

.select2-measure-scrollbar {
    height: 100px;
    left: -10000px;
    overflow: scroll;
    position: absolute;
    top: -10000px;
    width: 100px;
}

.select2-display-none {
    display: none;
}

@media screen and (min-width:992px) {
    .select2-container .select2-choice, .select2-drop .select2-search input {
        font-size: 17px;
        height: 40px;
        line-height: 40px;
    }
}

.selectboxit-container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    
    height:50px;

.selectboxit-container selectboxit-container {
        display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    background-color:#343434;
    height:50px;
    }


}

}


.selectboxit-container {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    /*background-color:#343434;
    height:50px;*/
}

    .selectboxit-container selectboxit-container {
        display: inline-block;
    position: relative;
    vertical-align: top;
    width: 100%;
    background-color:#343434;
    height:50px;
    }

    .selectboxit-container * {
        font-family: soleil,Helvetica,Arial,sans-serif;
        font-size: 14px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: -moz-none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        outline: 0;
        white-space: nowrap;
    }

    .selectboxit-container .selectboxit {
        cursor: pointer;
        display: block;
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: relative;
        width: 100%!important;
    }

    .selectboxit-container .selectboxit-options a, .selectboxit-container span {
        display: block;
        height: 36px;
        line-height: 36px;
    }

    .selectboxit-container .selectboxit:focus {
        outline: 0;
    }

.selectboxit-options .selectboxit-disabled, .selectboxit.selectboxit-disabled {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

.selectboxit-text {
    float: left;
    overflow: hidden;
    text-indent: 15px;
    text-overflow: ellipsis;
    width: -webkit-calc(100% - 44px);
    width: calc(100% - 44px);
}

.selectboxit-container .selectboxit-options {
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: none;
    list-style: none;
    margin: 0;
    min-width: 100%!important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 100%!important;
    z-index: 9999999999999;
}

.selectboxit-option .selectboxit-option-anchor:hover {
    text-decoration: none;
}

.selectboxit-optgroup-header, .selectboxit-option {
    text-indent: 15px;
    margin: 0;
    list-style-type: none;
}

.selectboxit-optgroup-header {
    font-weight: 700;
}

    .selectboxit-optgroup-header:hover {
        cursor: default;
    }

.selectboxit-arrow-container {
    position: absolute;
    right: 0;
    width: 44px;
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
    left: 50%;
    margin-left: -7px;
    margin-top: -1px;
    position: absolute;
    top: 50%;
}

.selectboxit-option-icon-container {
    float: left;
}

.selectboxit-container .selectboxit-option-icon {
    display: none;
}

.selectboxit-option-icon-url {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    float: left;
    height: 100%;
    width: 18px;
}

.selectboxit-rendering {
    *display: inline!important;
    display: inline-block!important;
    left: -9999px!important;
    position: absolute!important;
    top: -9999px!important;
    visibility: visible!important;
    zoom: 1!important;
}

.selectboxit-btn {
    border-bottom: 1px solid #838485;
    color: #696969;
}

    .selectboxit-btn.is-changed {
        color: #333;
    }

    .selectboxit-btn.error {
        border-color: #ed1c24;
    }

    .selectboxit-btn.selectboxit-enabled:focus {
        border-bottom: 2px solid #00bbe5;
    }

    .selectboxit-btn.selectboxit-enabled:hover {
        border-color: #00bbe5;
    }

.selectboxit-default-arrow {
    border-color: #00bbe5 transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0;
    height: 0;
    width: 0;
}

.selectboxit-list {
    background-color: #fff;
    border: 1px solid #8f8f8f;
}

.selectboxit-container .selectboxit-option-anchor {
    color: #000;
    font-size: 14px;
}

.selectboxit-container .selectboxit-option:not(:last-child) .selectboxit-option-anchor {
    border-bottom: 1px solid #d9d9d9;
}

.selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor {
    color: #00bbe5;
}

.selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor {
    color: #666;
}

@media screen and (min-width:992px) {
    .selectboxit-container * {
        font-size: 17px;
    }

    .selectboxit-container .selectboxit-options a, .selectboxit-container span {
        display: block;
        height: 40px;
        line-height: 40px;
    }
}

.service-updates {
    background-color: #f1f1f1;
    margin-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 25px;
}

.service-updates__heading {
    font-weight: 700;
    margin-bottom: 20px;
}

.service-updates__group-heading {
    border-bottom: 2px solid #333;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 40px;
    position: relative;
}

    .service-updates__group-heading:before {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        left: 0;
        position: absolute;
        top: -4px;
    }

.service-updates__group-heading--train {
    margin-top: 20px;
}

    .service-updates__group-heading--train:before {
        background-image: url(../images/train-icon-black.png);
        height: 31px;
        width: 27px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .service-updates__group-heading--train:before {
        background-image: url(../images/train-icon-black@2x.png);
        background-size: 27px 31px;
    }
}

.service-updates__group-heading--bus {
    margin-top: 40px;
}

    .service-updates__group-heading--bus:before {
        background-image: url(../images/bus-icon-black.png);
        height: 28px;
        width: 32px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .service-updates__group-heading--bus:before {
        background-image: url(../images/bus-icon-black@2x.png);
        background-size: 32px 28px;
    }
}

.service-updates__item-name {
    line-height: 1.2;
}

.service-updates__item-date {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.2;
}

.service-updates__item-content {
    font-size: 14px;
}

@media screen and (min-width:768px) {
    .service-updates {
        margin-left: -30px;
        margin-right: -30px;
    }

    .service-updates__group-heading--train {
        margin-top: 0;
    }
}

@media screen and (min-width:992px) {
    .service-updates__group-heading--bus {
        margin-top: 0;
    }

        .service-updates__group-heading--bus:after {
            background-color: #9c9fa4;
            bottom: -2px;
            content: "";
            display: block;
            height: -webkit-calc(100% + 10px);
            height: calc(100% + 10px);
            left: -15px;
            position: absolute;
            width: 1px;
        }
}

.site-footer, .site-footer a {
    color: #b6b6b6;
}

    .site-footer a:focus, .site-footer a:hover {
        color: #e9e9e9;
    }

.site-footer__primary {
    background-color: #231f20;
    padding-bottom: 30px;
    padding-top: 100px;
}

.site-footer__heading {
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.site-footer__mission {
    margin-bottom: 20px;
}

.site-footer__quick-links {
    margin-bottom: 40px;
}

    .site-footer__quick-links ul {
        margin-bottom: 20px;
    }

.site-footer__contact {
    margin-bottom: 40px;
}

    .site-footer__contact ul {
        line-height: 1.2;
    }

    .site-footer__contact li {
        margin-bottom: 10px;
    }

.site-footer__contact-label {
    float: left;
}

.site-footer__contact-number {
    color: #fff;
    float: right;
}

.site-footer__secondary {
    background-color: #000;
}

.site-footer__secondary-nav {
    padding-bottom: 10px;
    padding-top: 7px;
    text-align: center;
}

    .site-footer__secondary-nav ul {
        line-height: 1;
    }

    .site-footer__secondary-nav li {
        display: inline-block;
        font-size: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

        .site-footer__secondary-nav li:not(:first-child) {
            border-left: 1px solid #7a7a7a;
        }

    .site-footer__secondary-nav a {
        color: #7a7a7a;
        font-size: 14px;
    }

@media screen and (min-width:768px) {
    .site-footer__heading {
        margin-bottom: 20px;
    }

    .site-footer__mission, .site-footer__quick-links {
        padding-right: 10px;
    }


    .site-footer__contact {
        padding-left: 10px;
    }

        .site-footer__contact li {
            margin-bottom: 20px;
        }

    .site-footer__secondary-nav li {
        padding-left: 25px;
        padding-right: 25px;
    }
}

@media screen and (min-width:992px) {
    .site-footer__mission {
        padding-right: 5px;
    }

    .site-footer__quick-links {
        padding-left: 20px;
        padding-right: 0;
    }

    .site-footer__contact {
        padding-left: 0;
    }
}

@media screen and (min-width:1200px) {
    .site-footer__heading {
        margin-bottom: 30px;
    }

    .site-footer__mission {
        padding-right: 50px;
    }

    .site-footer__quick-links {
        padding-left: 20px;
        padding-right: 0;
    }

    .site-footer__contact {
        padding-left: 0;
    }

        .site-footer__contact li {
            margin-bottom: 30px;
        }
}

.site-header {
    background-color: #fff;
    position: relative;
    z-index: 1000;
}

.site-header__primary {
    position: relative;
}

    .site-header__primary [class*=' col-'] {
        min-height: 0;
        position: static;
    }

@media screen and (min-width:768px) {
    .site-header > .container {
        width: auto;
    }
}

@media screen and (min-width:992px) {
    .site-header {
        background-color: transparent;
        margin-left: 0;
        margin-right: 0;
    }

        .site-header > .container {
            width: 880px;
        }

    .site-header__primary {
        background-color: #fff;
        margin-left: -30px;
        margin-right: -30px;
        margin-top: 24px;
    }

    .site-header__secondary {
        position: absolute;
        right: -35px;
        top: -24px;
    }
}

@media screen and (min-width:1200px) {
    .site-header > .container {
        width: 1080px;
    }
}

.social-links {
    margin-bottom: 30px;
}

.social-links__items {
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
}

.social-links__item {
    display: inline-block;
    font-size: 0;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.social-links__item-link {
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover!important;
    display: block;
    font-size: 14px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.social-links__item-link--tw {
    background-image: url(../images/social-tw-icon.png);
    height: 26px;
    margin-top: 5px;
    width: 31px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .social-links__item-link--tw {
        background-image: url(../images/social-tw-icon@2x.png);
        background-size: 31px 26px;
    }
}

.social-links__item-link--fb {
    background-image: url(../images/social-fb-icon.png);
    height: 28px;
    margin-top: 3px;
    width: 17px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .social-links__item-link--fb {
        background-image: url(../images/social-fb-icon@2x.png);
        background-size: 17px 28px;
    }
}

.social-links__item-link--ig {
    background-image: url(../images/social-ig-icon.png);
    height: 28px;
    margin-top: 3px;
    width: 29px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .social-links__item-link--ig {
        background-image: url(../images/social-ig-icon@2x.png);
        background-size: 29px 28px;
    }
}

.social-links__item-link--li {
    background-image: url(../images/social-li-icon.png);
    height: 30px;
    margin-top: 1px;
    width: 31px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .social-links__item-link--li {
        background-image: url(../images/social-li-icon@2x.png);
        background-size: 31px 30px;
    }
}

.social-links__item-link--pt {
    background-image: url(../images/social-pt-icon.png);
    height: 31px;
    width: 25px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .social-links__item-link--pt {
        background-image: url(../images/social-pt-icon@2x.png);
        background-size: 25px 31px;
    }
}

.social-links__item-link--yt {
    background-image: url(../images/social-yt-icon.png);
    height: 27px;
    margin-top: 4px;
    width: 36px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .social-links__item-link--yt {
        background-image: url(../images/social-yt-icon@2x.png);
        background-size: 36px 27px;
    }
}

.social-links__item-link:focus, .social-links__item-link:hover {
    background-position: 50% 100%;
}

@media screen and (min-width:768px) {
    .social-links {
        padding-left: 10px;
    }

    .social-links__items {
        margin-left: -10px;
        margin-right: -10px;
        text-align: left;
    }

    .social-links__item {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (min-width:992px) {
    .social-links {
        padding-left: 0;
    }

    .social-links__items {
        margin-left: -7px;
        margin-right: -7px;
    }

    .social-links__item {
        margin-left: 7px;
        margin-right: 7px;
    }
}

@media screen and (min-width:1200px) {
    .social-links__items {
        margin-left: -14px;
        margin-right: -14px;
    }

    .social-links__item {
        margin-left: 14px;
        margin-right: 14px;
    }
}

.sr-only {
    border: 0;
    clip: rect(0,0,0,0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.station-gallery {
    margin-bottom: 50px;
}

.station-gallery__slides {
    position: relative;
}

.station-gallery__next, .station-gallery__previous {
    background-color: #333;
    display: block;
    height: 42px;
    margin-top: -21px;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 50%;
    white-space: nowrap;
    width: 42px;
}

    .station-gallery__next:before, .station-gallery__previous:before {
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 12px;
        left: 50%;
        margin-left: -4px;
        margin-top: -6px;
        position: absolute;
        top: 50%;
        width: 8px;
    }

    .station-gallery__next:focus, .station-gallery__next:hover, .station-gallery__previous:focus, .station-gallery__previous:hover {
        background-color: #0085cf;
        border: 2px solid #0085cf;
    }

.station-gallery__previous {
    left: -15px;
}

    .station-gallery__previous:before {
        background-image: url(../images/simplified-button-arrow.png);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .station-gallery__previous:before {
        background-image: url(../images/simplified-button-arrow@2x.png);
        background-size: 8px 12px;
    }
}

.station-gallery__next {
    right: -15px;
}

    .station-gallery__next:before {
        background-image: url(../images/simplified-button-arrow.png);
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .station-gallery__next:before {
        background-image: url(../images/simplified-button-arrow@2x.png);
        background-size: 8px 12px;
    }
}

@media screen and (min-width:768px) {
    .station-gallery__previous {
        left: -21px;
    }

    .station-gallery__next {
        right: -21px;
    }
}

.sponsored {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: block;
    margin-bottom: 50px;
    padding: 15px 20px;
    position: relative;
}

.sponsored__tag {
    margin-bottom: 10px;
}

.sponsored__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
}

.sponsored:focus, .sponsored:hover {
    color: #fff;
    opacity: .8;
}

@media screen and (min-width:768px) {
    .sponsored {
        padding: 19px 30px;
    }

    .sponsored__tag {
        margin-bottom: 5px;
    }

    .sponsored__title {
        font-size: 30px;
    }
}

@media screen and (min-width:992px) {
    .sponsored {
        margin-right: -30px;
    }

    .sponsored__tag {
        margin-bottom: 0;
    }

    .sponsored__title {
        font-size: 50px;
    }
}

@media screen and (min-width:1200px) {
    .sponsored__title {
        font-size: 70px;
    }
}

.station-detail-bar {
    margin-bottom: 40px;
}

.station-detail-bar__heading {
    font-weight: 700;
    margin-bottom: 5px;
}

.station-detail-bar__amenity-items {
    margin-left: -5px;
    margin-right: -5px;
}

.station-detail-bar__amenity-item {
    display: inline-block;
    font-size: 0;
    margin-left: 5px;
    margin-right: 5px;
}

    .station-detail-bar__amenity-item img {
        width: 42px;
    }

@media screen and (min-width:768px) {
    .station-detail-bar {
        display: none;
    }
}

.station-info {
    padding-top: 50px;
}

.station-info__map {
    margin-bottom: 20px;
}

.station-info__map-image {
    margin-bottom: 10px;
}

.station-info__content {
    font-size: 14px;
}

.station-info__side-block {
    margin-bottom: 50px;
}

.station-info__side-block-heading {
    margin-bottom: 10px;
}

.station-info__side-block-list {
    font-size: 14px;
    margin-bottom: 5px;
}

.station-info__side-block-route-number {
    display: inline-block;
    font-weight: 700;
    width: 30px;
}

.station-info__train-block {
    margin-bottom: 50px;
}

.station-info__train-block-heading {
    margin-bottom: 5px;
}

.station-info__amenities-items {
    margin-bottom: -20px;
}

.station-info__amenities-item {
    font-size: 14px;
    margin-top: 15px;
}

    .station-info__amenities-item ul {
        margin-bottom: 20px;
    }

.station-info__amenities-item-icon {
    float: left;
    margin-right: 15px;
    width: 21px;
}

.station-info__amenities-item-content {
    float: left;
    width: -webkit-calc(100% - 36px);
    width: calc(100% - 36px);
}

.station-info__amenities-item-heading {
    margin-bottom: 5px;
}

.station-info--bus {
    background-color: #f2f4f4;
    margin-top: -30px;
    padding-bottom: 30px;
    padding-top: 50px;

 background-image: url(../images/bus-header.jpg);

}

@media screen and (min-width:768px) {
    .station-info--bus {
        margin-top: -183px;
        padding-bottom: 20px;
        padding-top: 183px;
    }
}

.station-status__heading {
    font-weight: 700;
    margin-right: 25px;
}

.station-status__item {
    color: #333;
    display: none;
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.station-status__item--gold .station-status__item-direction {
    background-color: #d5a929;
    color:black;
    border-radius: 6px;
}

.station-status__item--red .station-status__item-direction {
    background-color: #d1232c;
	border-radius: 6px;
}

.station-status__item--green .station-status__item-direction {
    background-color: #0f9e4b;
	border-radius: 6px;
}

.station-status__item--blue .station-status__item-direction {
    background-color: #028bb3;
	border-radius: 6px;
}

.station-status__item--blue .station-status__item-line {
    background-color: #028bb3;
	border-radius: 6px;
}

.station-status__item-direction {
    color: #fff;
    /*block;*/
    float: left;
    height: 27px;
    line-height: 1;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    width: 50px;
font-size: 14px;
}

.station-status__item-line {
    color: #fff;
    /*block;*/
    float: left;
    height: 27px;
    line-height: 1;
    margin-right: 10px;
    padding: 5px;
    text-align: center;
    width: 50px;
font-size: 14px;
}

.station-status__item-status {
    display: block;
    float: left;
    font-weight: 500;
    padding-bottom: 4px;
    padding-top: 4px;
	
}

.stationdetails {
    background-color:white; 
width:25%; 
padding:10px; 
border-radius:6px;
float:right;
margin-top:-165px;
	
}

.station-status--station-detail {
    color: black;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
	background-color: white;
	float: right;
	margin-top: -150px;
	border-radius: 6px;
	padding: 10px;
	width: 35%;
}

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
    .station-status--station-detail {
    color: black;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
	background-color: white;
	border-radius: 6px;
	padding: 10px;
	width: 100%;

}
.stationdetails {
   color: black;
    margin-left: -10px;
    margin-right: -10px;
    margin-top: 30px;
	background-color: white;
	border-radius: 6px;
	padding: 10px;
	width: 100%;
   
}


}

    .station-status--station-detail .station-status__heading {
        font-weight: 400;
        margin-bottom: 10px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .station-status--station-detail .station-status__item {
        color: black;
        margin-left: 10px;
        margin-right: 10px;
		
    }

@media screen and (min-width:768px) {
    .station-status__item-status {
        font-size: 14px;
    }

    .station-status--station-detail .station-status__heading, .station-status--station-detail .station-status__items {
        float: left;
    }

    .station-status--station-detail .station-status__item {
        float: left;
        margin-bottom: 15px;
    }

        .station-status--station-detail .station-status__item:not(:first-child) {
            border-left: 1px solid #fff;
            padding-left: 20px;
        }
}

@media screen and (min-width:992px) {
    .station-status__item-status {
        font-size: 16px;
    }
}

.stations {
    margin-bottom: 40px;
}

.stations__heading {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 30px;
}


.stations__line-title {
    border-bottom: 2px solid #333;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 35px;
    padding-bottom: 5px;
}

.stations__line-schedule-items {
    font-size: 14px;
}

.stations__line-schedule-item {
    font-weight: 700;
}

.stations__filter-section-heading {
    color: #343434;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.stations__filter-buttons {
    margin-bottom: 10px;
}

.stations__filter-button {
    background-color: transparent;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    cursor: pointer;
    margin-bottom: 10px;
    padding: 10px 15px;
    width: 100%;
}

    .stations__filter-button.is-checked, .stations__filter-button:focus, .stations__filter-button:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #fff;
    }

    .stations__filter-button:focus {
        outline: 0;
    }

.stations__filter-button--all {
    color: #000;
}

    .stations__filter-button--all.is-checked, .stations__filter-button--all:focus, .stations__filter-button--all:hover {
        background-color: #000;
        border-color: #000;
    }

.stations__filter-button--gold {
    color: #d5a929;
}

    .stations__filter-button--gold.is-checked, .stations__filter-button--gold:focus, .stations__filter-button--gold:hover {
        background-color: #d5a929;
        border-color: #d5a929;
    }

.stations__filter-button--red {
    color: #d1232c;
}

    .stations__filter-button--red.is-checked, .stations__filter-button--red:focus, .stations__filter-button--red:hover {
        background-color: #d1232c;
        border-color: #d1232c;
    }

.stations__filter-button--blue {
    color: #028bb3;
}

    .stations__filter-button--blue.is-checked, .stations__filter-button--blue:focus, .stations__filter-button--blue:hover {
        background-color: #028bb3;
        border-color: #028bb3;
    }

.stations__filter-button--green {
    color: #0f9e4b;
}

    .stations__filter-button--green.is-checked, .stations__filter-button--green:focus, .stations__filter-button--green:hover {
        background-color: #0f9e4b;
        border-color: #0f9e4b;
    }

    .stations__filter-by-name-input-wrapper {
    position: relative;
}

.stations__filter-by-name-input-clear {
    background-image: url(../images/close-icon.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 12px;
    margin-right: 20px;
    margin-top: -8px;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-indent: 100%;
    top: 50%;
    white-space: nowrap;
    width: 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .stations__filter-by-name-input-clear {
        background-image: url(../images/close-icon@2x.png);
        background-size: 12px 12px;
    }
}

.stations__filter-by-name-input-clear.is-hidden {
    display: none;
}
.stations__quicksearch {
    background-color: #f1f1f1;
    border: none;
    -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    box-shadow: 1px 1px 0 rgba(0,0,0,.2);
    color: #231f20;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 28px;
    padding: 12px 42px 12px 20px;
    width: -webkit-calc(100% - 2px);
    width: calc(100% - 2px);
}

.stations__items {
    margin-left: -15px;
    margin-right: -15px;
}

.stations__item {
    background-color: #fff;
    border: 1px solid #ececec;
    margin: 0 15px 10px;
    padding: 10px 15px 0;
    width: -webkit-calc(100% - 30px);
    width: calc(100% - 30px);
}

.stations__item-name {
    float: left;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    padding-top: 3px;
    width: 100%;
}

.stations__status {
    float: left;
    width: 100%;
}

@media screen and (min-width:768px) {
    .stations {
        margin-bottom: 90px;
    }

    .stations__filter-buttons {
        margin-left: -10px;
        margin-right: -10px;
    }

        .stations__filter-buttons:after, .stations__filter-buttons:before {
            content: " ";
            display: table;
        }

        .stations__filter-buttons:after {
            clear: both;
        }

    .stations__filter-button {
        float: left;
        margin: 0 10px 20px;
        width: auto;
    }

    .stations__item {
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
    }
}

@media screen and (min-width:1200px) {
    .stations__filter-section {
        margin-bottom: 30px;
    }

    .stations__quicksearch {
        margin-top: 23px;
    }

    .stations__item {
        width: -webkit-calc(33.3333% - 30px);
        width: calc(33.3333% - 30px);
    }
}

.subnav {
    font-size: 15px;
    line-height: 1.4;
}

.subnav__select-wrapper {
    background-color: #343434;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 15px 15px;
}

    .subnav__select-wrapper select {
        background: #fff;
        border: #ddd 1px solid;
        font-size: 14px!important;
        height: 30px;
        width: 100%;
    }

.subnav__list {
    background-color: #343434;
    margin-left: -30px;
    margin-top: -24px;
    padding-bottom: 24px;
    padding-top: 24px;
}

.subnav__primary > li a {
    color: #fff;
    display: block;
}

    .subnav__primary > li a:hover:not(.is-current) {
        color: #00bbe5;
    }

.subnav__primary > li > a {
    padding: 5px 30px;
}

/*VEnkata Changes*/
.subnav__primary > li > ul {
    background-color: #000;
    margin-bottom: 5px;
}

.subnav__primary > li > ul > li > a {
        padding: 5px 30px 5px 50px;
    }


.subnav__primary .js-expando__trigger {
    position: relative;
}

    .subnav__primary .js-expando__trigger:after {
        background-image: url(../images/expando-arrow.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        height: 7px;
        margin-top: -3.5px;
        position: absolute;
        right: 20px;
        top: 50%;
        width: 11px;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .subnav__primary .js-expando__trigger:after {
        background-image: url(../images/expando-arrow@2x.png);
        background-size: 11px 7px;
    }
}

.subnav__primary .js-expando__trigger:not(.is-current):hover:after {
    background-position: 0 33.3333%;
}

.subnav__primary .js-expando__trigger.is-selected:after {
    background-position: 0 100%;
}

.subnav__primary .js-expando__trigger.is-selected:not(.is-current):hover {
    color: #00bbe5;
}

    .subnav__primary .js-expando__trigger.is-selected:not(.is-current):hover:after {
        background-position: 0 66.6667%;
    }

.subnav__primary .is-current {
    background-color: #00bbe5;
}

.subnav__secondary {
    background-color: #000;
    margin-bottom: 5px;
}

    .subnav__secondary > li > a {
        padding: 5px 30px 5px 50px;
    }

@media screen and (min-width:768px) {
    .subnav {
        margin-bottom: 100px;
    }

    .subnav__select-wrapper {
        display: none;
    }
}
.subpage-content, .title-carousel {
    margin-bottom: 50px;
}

.title-carousel__heading {
    font-size: 3.75rem;
    font-weight: 700;
    margin-bottom: 20px;
}

.title-carousel__slides {
    padding-right: 62px;
    position: relative;
}

.title-carousel__next, .title-carousel__previous {
    background-color: #333;
    display: block;
    height: 42px;
    overflow: hidden;
    position: absolute;
    text-indent: 100%;
    top: 0;
    white-space: nowrap;
    width: 42px;
}

    .title-carousel__next:before, .title-carousel__previous:before {
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        display: block;
        height: 12px;
        left: 50%;
        margin-left: -4px;
        margin-top: -6px;
        position: absolute;
        top: 50%;
        width: 8px;
    }

    .title-carousel__next:focus, .title-carousel__next:hover, .title-carousel__previous:focus, .title-carousel__previous:hover {
        background-color: transparent;
        border: 2px solid #333;
    }

        .title-carousel__next:focus:before, .title-carousel__next:hover:before, .title-carousel__previous:focus:before, .title-carousel__previous:hover:before 

{
            background-position: 50% 0;
        }

.title-carousel__previous {
    display: none;
    left: -62px;
}

    .title-carousel__previous:before {
        background-image: url(../images/simplified-button-arrow.png);
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .title-carousel__previous:before {
        background-image: url(../images/simplified-button-arrow@2x.png);
        background-size: 8px 12px;
    }
}

.title-carousel__next {
    right: 0;
}

    .title-carousel__next:before {
        background-image: url(../images/simplified-button-arrow.png);
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .title-carousel__next:before {
        background-image: url(../images/simplified-button-arrow@2x.png);
        background-size: 8px 12px;
    }
}

@media screen and (min-width:768px) {
    .title-carousel {
        margin-bottom: 80px;
    }

    .title-carousel__heading {
        margin-bottom: 30px;
    }

    .title-carousel__slides {
        padding-right: 0;
    }

    .title-carousel__slide {
        font-size: 1.5rem;
        line-height: 1.2;
    }

    .title-carousel__previous {
        display: block;
    }

    .title-carousel__next {
        right: -62px;
    }
}

@media screen and (min-width:992px) {
    .title-carousel__previous {
        left: -72px;
    }

    .title-carousel__next {
        right: -72px;
    }
}

.train-stations-map {
    border: 1px solid #bebdbd;
    border-radius: 3px;
    margin-bottom: 50px;
    position: relative;
}

.train-stations-map__station {
    background-color: #fff;
    border: 3px solid #000;
    border-radius: 50%;
    display: none;
    height: 22px;
    position: absolute;
    width: 22px;
}

.train-stations-map__station--north-springs {
    left: 56.9%;
    top: 2%;
}

.train-stations-map__station--sandy-springs {
    left: 59%;
    top: 7.4%;
}

.train-stations-map__station--dunwoody {
    left: 61.4%;
    top: 12.8%;
}

.train-stations-map__station--medical-center {
    left: 60%;
    top: 17.9%;
}

.train-stations-map__station--buckhead {
    left: 56.9%;
    top: 28.8%;
}

.train-stations-map__station--doraville {
    left: 71.7%;
    top: 20.4%;
}

.train-stations-map__station--chamblee {
    left: 67.8%;
    top: 24%;
}

.train-stations-map__station--brookhaven {
    left: 64.4%;
    top: 27.3%;
}

.train-stations-map__station--lenox {
    left: 60.7%;
    top: 30.8%;
}

.train-stations-map__station--lindbergh {
    left: 53.75%;
    top: 36.55%;
}

.train-stations-map__station--arts-center {
    left: 49.8%;
    top: 44%;
}

.train-stations-map__station--midtown {
    left: 49.8%;
    top: 47.2%;
}

.train-stations-map__station--north-ave {
    left: 49.8%;
    top: 50.3%;
}

.train-stations-map__station--civic-center {
    left: 49.8%;
    top: 53.4%;
}

.train-stations-map__station--peachtree-center {
    left: 49.8%;
    top: 57.3%;
}

.train-stations-map__station--five-points {
    height: 32px;
    left: 49.2%;
    top: 61.6%;
    width: 32px;
}

.train-stations-map__station--garnett {
    left: 47.3%;
    top: 66.3%;
}

.train-stations-map__station--west-end {
    left: 43.3%;
    top: 71.9%;
}

.train-stations-map__station--oakland-city {
    left: 43.3%;
    top: 75.2%;
}

.train-stations-map__station--lakewood {
    left: 43.3%;
    top: 78.5%;
}

.train-stations-map__station--east-point {
    left: 43.3%;
    top: 81.8%;
}

.train-stations-map__station--college-park {
    left: 43.3%;
    top: 86.8%;
}

.train-stations-map__station--airport {
    left: 48.5%;
    top: 95%;
}

.train-stations-map__station--bankhead {
    left: 29%;
    top: 56.6%;
}

.train-stations-map__station--hamilton-e-holmes {
    left: 20.5%;
    top: 63.1%;
}

.train-stations-map__station--west-lake {
    left: 31.2%;
    top: 63.1%;
}

.train-stations-map__station--ashby {
    left: 35.6%;
    top: 62.3%;

}

.train-stations-map__station--vine-city {
    left: 39.5%;
    top: 62.3%;
}

.train-stations-map__station--sec-district {
    left: 43.9%;
    top: 62.3%;
}

    .train-stations-map__station--georgia-state {
    left: 54.3%;
    top: 62.3%;
}

.train-stations-map__station--king-memorial {
    left: 58.5%;
    top: 62.3%;
}

.train-stations-map__station--inman-park {
    left: 62.3%;
    top: 62.3%;
}

.train-stations-map__station--edgewood-candler-park {
    left: 66.7%;
    top: 62.3%;
}

.train-stations-map__station--east-lake {
    left: 71.05%;
    top: 63.1%;
}

.train-stations-map__station--decatur {
    left: 75.7%;
    top: 63.1%;
}

.train-stations-map__station--avondale {
    left: 80.2%;
    top: 63.1%;
}

.train-stations-map__station--kensington {
    left: 84.7%;
    top: 63.1%;
}

.train-stations-map__station--indian-creek {
    left: 89.5%;
    top: 63.1%;
}

.train-stations-map__station:focus, .train-stations-map__station:hover {
    background-color: #00bbe5;
    z-index: 100;
}

    .train-stations-map__station:focus .train-stations-map__station-detail, .train-stations-map__station:hover .train-stations-map__station-detail {
        display: block;
    }

.train-stations-map__station-detail {
    background-color: #fff;
    border-radius: 3px;
    bottom: -webkit-calc(100% + 13px);
    bottom: calc(100% + 13px);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    display: none;
    font-size: 14px;
    left: 50%;
    line-height: 1.2;
    margin-left: -163px;
    padding: 10px 15px;
    position: absolute;
    width: 326px;
}

.train-stations-map__station-detail-name {
    border-bottom: 2px solid #333;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.train-stations-map__station-item {
    border-bottom: 1px solid #eee;
    margin-left: 24px;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-top: 7px;
    position: relative;
}

.train-stations-map__station-item-icon {
    height: 21px;
    left: -24px;
    position: absolute;
    top: 5px;
    width: 21px;
}

.train-stations-map__station-link, .train-stations-map__station-notes {
    margin-left: 24px;
    padding-bottom: 7px;
    padding-left: 5px;
    padding-top: 7px;
}

.train-stations-map__station-triangle {
    bottom: -15px;
    height: 15px;
    left: 0;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

    .train-stations-map__station-triangle:after {
        background-color: #fff;
        -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
        box-shadow: 0 0 3px rgba(0,0,0,.3);
        bottom: 7px;
        content: "";
        display: block;
        height: 20px;
        left: 50%;
        margin-left: -10px;
        position: absolute;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 20px;
    }

@media screen and (min-width:768px) {
    .train-stations-map {
        margin-bottom: 80px;
    }

    .train-stations-map__station {
        display: block;
    }
}

@media screen and (min-width:992px) {
    .train-stations-map__station {
        height: 29px;
        width: 29px;
    }

    .train-stations-map__station--five-points {
        height: 39px;
        width: 39px;
    }
}

@media screen and (min-width:1200px) {
    .train-stations-map__station {
        height: 23px;
        width: 23px;
    }

    .train-stations-map__station--five-points {
        height: 32px;
        width: 32px;
    }
}

.trip-ideas {
    margin-bottom: 50px;
}

.trip-ideas__item {
    margin-bottom: 40px;
}

.trip-ideas__item--sponsored .trip-ideas__item-image {
    position: relative;
}

    .trip-ideas__item--sponsored .trip-ideas__item-image:before {
        color: #fff;
        content: "Sponsored";
        left: 20px;
        line-height: 1;
        position: absolute;
        top: 15px;
    }

.trip-ideas__item-stop-number {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
}

.trip-ideas__item-heading {
    font-size: 3.75rem;
    margin-bottom: 10px;
}

.trip-ideas__item-stop-address {
    font-size: 14px;
    font-style: italic;
    line-height: 1.4;
    margin-bottom: 20px;
}

.trip-ideas__item-image {
    margin-bottom: 20px;
}

.trip-ideas__item-station {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 20px;
    text-transform: uppercase;
}

@media screen and (min-width:768px) {
    .trip-ideas__item-image {
        margin-bottom: 0;
    }
}

@media screen and (min-width:992px) {
    .trip-ideas__item {
        margin-bottom: 0;
    }

    .trip-ideas__item--single .trip-ideas__item-image {
        height: 500px;
        margin-right: -65px;
        overflow: hidden;
    }

        .trip-ideas__item--single .trip-ideas__item-image img {
            height: 100%;
            width: auto;
        }

    .trip-ideas__item--coupled-left .trip-ideas__item-image {
        margin-left: -65px;
        margin-right: -15px;
    }

    .trip-ideas__item--coupled-left .trip-ideas__item-body {
        padding-right: 30px;
    }

    .trip-ideas__item--coupled-right .trip-ideas__item-image {
        margin-left: -15px;
        margin-right: -65px;
    }

    .trip-ideas__item--coupled-right .trip-ideas__item-body {
        padding-left: 30px;
        position: relative;
    }

        .trip-ideas__item--coupled-right .trip-ideas__item-body:before {
            background-color: #b7b7b7;
            content: "";
            height: 150px;
            left: -15px;
            position: absolute;
            top: 20px;
            width: 1px;
        }

    .trip-ideas__item--sponsored .trip-ideas__item-image:before {
        left: 65px;
    }

    .trip-ideas__item-image {
        margin-bottom: 0;
    }

    .trip-ideas__item-body {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .trip-ideas__item-content {
        font-size: 15px;
        line-height: 1.5;
    }
}

@media screen and (min-width:1200px) {
    .trip-ideas__item--single .trip-ideas__item-image {
        height: auto;
        overflow: visible;
    }

        .trip-ideas__item--single .trip-ideas__item-image img {
            height: auto;
            width: 100%;
        }

    .trip-ideas__item--sponsored .trip-ideas__item-image:before {
        top: 20px;
    }
}

.trip-planner__card {
    background: #fff;
    margin-bottom: 25px;
    padding: 25px;
}

.trip-planner__card-section {
    margin-bottom: 25px;
}

.trip-planner__direction-label {
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    text-align: right;
}

.trip-planner__section-routed {
    margin-bottom: 10px;
}

.trip-planner__button-check {
    font-size: 22px;
    line-height: 0;
    top: 1px;
    position: relative;
}

.trip-planner__schedule {
    opacity: .4;
    margin-bottom: 15px;
}

.trip-planner__schedule--selected {
    opacity: 1;
}

.trip-planner__large-directions {
    padding-top: 50px;
}

.trip-planner__section-heading {
    font-weight: 700;
    margin-bottom: 10px;
}

.trip-planner__section-change-label, .trip-planner__section-heading-label {
    color: #aaa;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    text-align: right;
}

.trip-planner__select {
    background: #fff;
    border: #ddd 1px solid;
    font-size: 14px!important;
    height: 30px;
}

.trip-planner__journey-time-total {
    font-weight: 700;
    text-align: right;
}

.trip-planner__other-options {
    border-bottom: 1px solid #f7f7f7;
    font-size: 12px;
    padding: 10px 0;
    text-align: left;
}

.trip-planner__button {
    background: #aaa;
    color: #fff;
    font-size: 12px;
    opacity: 1;
    text-align: center;
    width: 100%;
}

.trip-planner__button--not-selected {
    opacity: .4;
}

.trip-planner__map {
    margin-bottom: 50px;
}

.trip-planner__step {
    margin-top: 15px;
}

.trip-planner__step-icon {
    border-radius: 99px;
    text-align: center!important;
    width: 50%;
}

.trip-planner__step-time {
    font-size: 12px;
    font-weight: 700;
    line-height: 24px;
}

.trip-planner__step-location-title {
    font-weight: 700;
}

.trip-planner__step-location-address {
    color: #aaa;
    font-size: 12px;
}

.trip-planner__step-action-title {
    font-weight: 400;
}

.trip-planner__step-action-address {
    color: #aaa;
    font-size: 12px;
}

.trip-planner__route-number {
    background: #aaa;
    font-weight: 700;
    padding: 0 5px;
}

.trip-planner__route-number--green {
    background: green;
    color: #fff;
}

.trip-planner__route-number--blue {
    background: #00f;
    color: #fff;
}

.trip-planner__step-border {
    padding-left: 5px;
}

.trip-planner__step-border--walk {
    border-left: 3px dashed #aaa;
}

.trip-planner__step-border--blue {
    border-left: 3px solid #00f;
}

.trip-planner__step-border--green {
    border-left: 3px solid green;
}

@media screen and (min-width:768px) {
    .trip-planner__direction-label {
        text-align: left;
    }

    .trip-planner__section-change-label {
        text-align: center;
        margin-top: -5px;
        margin-bottom: 25px;
    }

    .trip-planner__map-bg {
        background-image: url(../images/map-background.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: repeat;
        padding-top: 50px;
    }

    .trip-planner__small-directions {
        position: relative;
        max-height: 400px!important;
        overflow: scroll;
        margin-bottom: 50px;
        border-top: 25px #fff solid;
        border-bottom: 25px #fff solid;
        background: #fff;
    }
}

@media screen and (min-width:992px) {
    .trip-planner__direction-label {
        text-align: right;
    }

    .trip-planner__section-change-label {
        text-align: right;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.twitter-timeline {
    height: 300px!important;
    margin-bottom: 30px!important;
    margin-left: auto!important;
    margin-right: auto!important;
    max-width: 520px!important;
    width: 100%!important;
}

@media screen and (min-width:992px) {
    .twitter-timeline {
        height: 216px!important;
    }
}

@media screen and (min-width:1200px) {
    .twitter-timeline {
        height: 270px!important;
    }
}

.view-schedule-form {
    background-color: #fff;
    margin-bottom: 50px;
    padding: 20px;
}

.view-schedule-form__heading {
    margin-bottom: 20px;
}

@media screen and (min-width:768px) {
    .view-schedule-form {
        padding: 50px;
    }

        .view-schedule-form select {
            margin-top: 7px;
        }
}

.bootstrap-datetimepicker-widget {
    display: none;
}


/* Venkata Changes */



.find-the-next-arrival .form input[type=button] {
    background-color: #fff;
    color: #231f20;
    padding-left: 20px;
    padding-right: 33px;
}

.find-the-next-arrival .form input[type=button]:after {
        background-position: 50% 0;
        margin-top: -7px;
        right: 20px;
    }

.find-the-next-arrival .form input[type=button]:focus, .find-the-next-arrival .form input[type=button]:hover {
        background-color: #0085cf;
        color: #fff;
    }


.form input[type=button] {
    background-color: #00bbe5;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 11px 60px 11px 47px;
    position: relative;
    text-transform: uppercase;
}

    .form input[type=button]:after {
        background-image: url(../images/simplified-button-arrow.png);
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background-size: cover!important;
        content: "";
        height: 12px;
        margin-top: -6px;
        position: absolute;
        right: 47px;
        top: 50%;
        width: 8px;
    }

    .form input[type=button]:focus, .form input[type=button]:hover {
    background-color: #0085cf;
}

 .RadioButtonWidth label {  margin-right:30px;
 }  

 #mainContent-page input {
    background-color: #e9e9e9;
    border: 1px solid #ccc;
    color: #666666;
    font-family: Arial,Helvetica,sans-serif;
}


 
.select.style3 {
                border-radius: 5px;
}


nav span {
      display: none!important;
    }
    @media (max-width: 760px) {
      nav ul     { display: none; }
      nav span { display: inline-block!important; }
    }

    .SearchImage {
    background-image: url(../images/site-search-icon.png);
    background-color: transparent;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 20px 40px!important;
    border: none;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    text-indent: 100%;
    top: 8px;
    white-space: nowrap;
    width: 20px;
}


    .MARTAtextarea {
    -webkit-appearance: none;
    background-color: transparent;
    border: #838485;
    border-style: solid;
    border-width: 0 0 1px;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.01em;
    line-height: 1.4;
    margin-bottom: 5px;
    padding: 8px 15px;
    width: 70%;
}

/* Venkata Changes End */

/* Address Auto Complete */

.address-autocomplete {
    position: relative;
}

.address-autocomplete__dropdown {
    background-color: #fff;
    border: 1px solid #8f8f8f;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 9999999999;
}

.address-autocomplete__dropdown-item {
    line-height: 1.4;
}

    .address-autocomplete__dropdown-item:not(:last-child) {
        border-bottom: 1px solid #d9d9d9;
    }

.address-autocomplete__dropdown-item-link {
    color: #000;
    display: block;
    font-size: 12px;
    padding: 10px 15px;
}

    .address-autocomplete__dropdown-item-link.is-selected, .address-autocomplete__dropdown-item-link:focus, .address-autocomplete__dropdown-item-link:hover {
        color: #00bbe5;
    }

.address-autocomplete__dropdown-item-link--not-found:focus, .address-autocomplete__dropdown-item-link--not-found:hover {
    color: #000;
}

@media screen and (min-width:768px) {
    .address-autocomplete__dropdown-item-link {
        font-size: 14px;
    }
}


.form__timepicker {
    position: relative;
}

    .form__timepicker:after {
        background-image: url(../images/clock-icon.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 16px;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%;
        width: 16px;
        z-index: 10;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .form__timepicker:after {
        background-image: url(../images/clock-icon@2x.png);
        background-size: 16px 16px;
    }
}

.form__timepicker input[type=text] {
    padding-right: 41px!important;
    position: relative;
    z-index: 20;
}

.form__datepicker {
    position: relative;
}

    .form__datepicker:after {
        background-image: url(../images/calendar-icon.png);
        background-position: 50% 50%;
        background-repeat: no-repeat;
        content: "";
        display: block;
        height: 16px;
        margin-top: -8px;
        position: absolute;
        right: 15px;
        top: 50%;
        width: 16px;
        z-index: 10;
    }

@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 

1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx) {
    .form__datepicker:after {
        background-image: url(../images/calendar-icon@2x.png);
        background-size: 16px 16px;
    }
}

.form__datepicker input[type=text] {
    padding-right: 41px!important;
    position: relative;
    z-index: 20;
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #8f8f8f;
    display: none;
    font-size: 14px;
    width: 224px;
    z-index: 9999!important;
}

    .ui-datepicker .ui-datepicker-header {
        background-color: #f6f6f6;
        border-bottom: 1px solid #d9d9d9;
        padding: 4px 42px 6px;
        position: relative;
    }

    .ui-datepicker .ui-datepicker-prev {
        cursor: pointer;
        height: 32px;
        left: 0;
        position: absolute;
        top: 0;
        width: 32px;
    }

        .ui-datepicker .ui-datepicker-prev .ui-icon {
            border-color: transparent #333 transparent transparent;
            border-style: solid;
            border-width: 6px 6px 6px 0;
            font-size: 0;
            height: 0;
            left: 50%;
            margin-left: -3px;
            margin-top: -6px;
            position: absolute;
            top: 50%;
            width: 0;
        }

        .ui-datepicker .ui-datepicker-prev:focus, .ui-datepicker .ui-datepicker-prev:hover {
            opacity: .5;
        }

    .ui-datepicker .ui-datepicker-next {
        cursor: pointer;
        height: 32px;
        position: absolute;
        right: 0;
        top: 0;
        width: 32px;
    }

        .ui-datepicker .ui-datepicker-next .ui-icon {
            border-color: transparent transparent transparent #333;
            border-style: solid;
            border-width: 6px 0 6px 6px;
            font-size: 0;
            height: 0;
            margin-right: -3px;
            margin-top: -6px;
            position: absolute;
            right: 50%;
            top: 50%;
            width: 0;
        }

        .ui-datepicker .ui-datepicker-next:focus, .ui-datepicker .ui-datepicker-next:hover {
            opacity: .5;
        }

    .ui-datepicker .ui-datepicker-title {
        font-size: 15px;
        font-weight: 700;
        line-height: 22px;
        text-align: center;
        text-transform: uppercase;
    }

    .ui-datepicker .ui-datepicker-calendar {
        margin-bottom: 5px;
        margin-top: 5px;
        text-align: center;
        width: 100%;
    }

        .ui-datepicker .ui-datepicker-calendar th {
            font-weight: 700;
        }

        .ui-datepicker .ui-datepicker-calendar a {
            display: block;
        }

    .ui-datepicker .ui-datepicker-today a {
        color: #333;
    }

        .ui-datepicker .ui-datepicker-today a:focus, .ui-datepicker .ui-datepicker-today a:hover {
            color: #0073b3;
        }

/* Address Auto Complete End*/

@media screen and (min-width: 992px) { #ctl00_lblServiceAlerts { float: left; } }


.formbutton {
    background-color: #00bbe5;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 11px 50px 11px 47px;
    position: relative;
    text-transform: uppercase;
}

.formbutton:hover {
    background-color: #0085cf;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    padding: 11px 50px 11px 47px;
    position: relative;
    text-transform: uppercase;
}

.textboxcustom {
    
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    border-color: #838485;
    border-image: none;
    border-style: solid;
    border-width: 0 0 1px;
    color: #333;
    display: block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.4;
    margin-bottom: 5px;
    padding: 8px 15px;
    width: 100%;
}

/* Required Field Validator */
.garbage {
    display: none;
}
.garbage[style*=visible] + input,
.garbage[style*=visible] + select,
.garbage[style*=visible] + textarea {
    background-color: #ffcccc;
    border: 1px solid #ff0000;
}

/*
    Form Control Styles


    */
/*design_textfield1 is for ektron form text controls*/
.design_textfield1 {
    border: 1px solid #838485; 
display: block; 
font-size: 16px; 
line-height: 1.3; 
padding: 9px; 
width: 100%; 
}
.form--cms input[type="text"],
.form--cms design_textfield1, 
.form--cms input[type="email"], 
.form--cms input[type="password"], 
.form--cms textarea { 
border: 1px solid #838485; 
display: block; 
font-size: 16px; 
line-height: 1.3; 
padding: 9px; 
width: 100%; 
} 

.form--cms .selectboxit-container .selectboxit { 
border: 1px solid #838485; 
} 
.form--cms .selectboxit .selectboxit-arrow-container .selectboxit-arrow { 
margin-top: -4px; 
} 
.form--cms input[type="submit"] { 
background-color: #00bbe5; 
border-color: #00bbe5; 
cursor: pointer; 
font-size: 16px; 
font-weight: 500; 
padding: 11px 50px 11px 47px; 
text-transform: uppercase; 
} 
.form--cms input[type="submit"]:focus, 
.form--cms input[type="submit"]:hover { 
background-color: #0085cf; 
border-color: #0085cf; 
color: #fff; 
} 
.form--cms input[type="radio"] { 
margin-right: 5px; 
position: relative; 
top: -2px; 
}

.ErrorControl
        {
            /*background-color: #FBE3E4;*/
            border: solid 1px Red !important;
        }

.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 900 !important;
	pointer-events: none;
	}

.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

iframe {
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.LF_Submenu {
	width:850px;
	background-color:#333; 
	border-bottom: 5px solid #00BBE5;
	padding: 3px;
	height: 40px;
}
		
.LF_Submenu a {
	color: #FFFFFF;
    	float: left;
	padding-right: 15px;
	padding-left: 5px;
	height: 38px;
	}
		
.LF_Submenu a:hover {
	background:#efb35a;
	}

.LF_Submenu a:active {
	background: #00BBE5;
	}

.selected { background: #00BBE5; }



.caption-text{
    font-size: 12px;
    }