.simplebar, [data-simplebar-direction] {
    position: relative;
    overflow: hidden;
    -webkit-overflow-scrolling: touch
}

    .simplebar .simplebar-scroll-content, [data-simplebar-direction] .simplebar-scroll-content {
        overflow-y: scroll;
        overflow-x: auto;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        -ms-overflow-style: none
    }

.simplebar-scroll-content::-webkit-scrollbar {
    display: none
}

.simplebar.horizontal .simplebar-scroll-content, [data-simplebar-direction=horizontal] .simplebar-scroll-content {
    overflow-x: scroll;
    overflow-y: auto
}

.simplebar-track {
    z-index: 99;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 11px
}

    .simplebar-track .simplebar-scrollbar {
        position: absolute;
        right: 2px;
        border-radius: 7px;
        min-height: 10px;
        width: 7px;
        opacity: 0;
        transition: opacity .2s linear;
        background: #6c6e71;
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding
    }

    .simplebar-track:hover .simplebar-scrollbar {
        opacity: .7;
        transition: opacity 0 linear
    }

    .simplebar-track .simplebar-scrollbar.visible {
        opacity: .7
    }

.simplebar.horizontal .simplebar-track, [data-simplebar-direction=horizontal] .simplebar-track {
    top: auto;
    left: 0;
    width: auto;
    height: 11px
}

    .simplebar.horizontal .simplebar-track .simplebar-scrollbar, [data-simplebar-direction=horizontal] .simplebar-track .simplebar-scrollbar {
        right: auto;
        top: 2px;
        height: 7px;
        min-height: 0;
        min-width: 10px;
        width: auto
    }

.mm-hidden {
    display: none !important
}

.mm-wrapper {
    overflow-x: hidden;
    position: relative
}

.mm-menu, .mm-menu > .mm-panel {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0
}

.mm-menu {
    box-sizing: border-box;
    background: inherit;
    display: block;
    overflow: hidden;
    padding: 0
}

.mm-panel {
    transition: transform .4s ease;
    transform: translate3d(100%,0,0)
}

    .mm-panel.mm-opened {
        transform: translateZ(0)
    }

    .mm-panel.mm-subopened {
        transform: translate3d(-30%,0,0)
    }

    .mm-panel.mm-highest {
        z-index: 1
    }

.mm-menu > .mm-panel {
    background: inherit;
    border-color: inherit;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    box-sizing: border-box;
    padding: 0 20px
}

    .mm-menu > .mm-panel.mm-hasnavbar {
        padding-top: 40px
    }

    .mm-menu > .mm-panel:after, .mm-menu > .mm-panel:before {
        content: "";
        display: block;
        height: 20px
    }

.mm-vertical .mm-panel {
    transform: none !important
}

.mm-listview .mm-vertical .mm-panel, .mm-vertical .mm-listview .mm-panel {
    display: none;
    padding: 10px 0 10px 10px
}

    .mm-listview .mm-vertical .mm-panel .mm-listview > li:last-child:after, .mm-vertical .mm-listview .mm-panel .mm-listview > li:last-child:after {
        border-color: transparent
    }

.mm-vertical li.mm-opened > .mm-panel, li.mm-vertical.mm-opened > .mm-panel {
    display: block
}

.mm-listview > li.mm-vertical > .mm-next, .mm-vertical .mm-listview > li > .mm-next {
    height: 40px;
    bottom: auto
}

    .mm-listview > li.mm-vertical > .mm-next:after, .mm-vertical .mm-listview > li > .mm-next:after {
        top: 16px;
        bottom: auto
    }

.mm-listview > li.mm-vertical.mm-opened > .mm-next:after, .mm-vertical .mm-listview > li.mm-opened > .mm-next:after {
    transform: rotate(45deg)
}

.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

    .mm-navbar > * {
        display: block;
        padding: 10px 0
    }

    .mm-navbar a, .mm-navbar a:hover {
        text-decoration: none
    }

    .mm-navbar .mm-title {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

    .mm-navbar .mm-btn {
        box-sizing: border-box;
        width: 40px;
        height: 40px;
        position: absolute;
        top: 0;
        z-index: 1
    }

        .mm-navbar .mm-btn:first-child {
            padding-left: 20px;
            left: 0
        }

        .mm-navbar .mm-btn:last-child {
            text-align: right;
            padding-right: 20px;
            right: 0
        }

.mm-panel .mm-navbar {
    display: none
}

.mm-panel.mm-hasnavbar .mm-navbar {
    display: block
}

.mm-listview, .mm-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0
}

.mm-listview {
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

    .mm-listview a, .mm-listview a:hover {
        text-decoration: none
    }

    .mm-listview > li {
        position: relative
    }

        .mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
            border-color: inherit
        }

            .mm-listview > li > a, .mm-listview > li > span {
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                color: inherit;
                display: block;
                padding: 10px 10px 10px 20px;
                margin: 0
            }

                .mm-listview > li > a.mm-arrow, .mm-listview > li > span.mm-arrow {
                    padding-right: 50px
                }

            .mm-listview > li:not(.mm-divider):after {
                content: "";
                border-bottom-width: 1px;
                border-bottom-style: solid;
                display: block;
                position: absolute;
                right: 0;
                bottom: 0;
                left: 20px
            }

    .mm-listview .mm-next {
        background: rgba(3,2,1,0);
        width: 50px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 2
    }

        .mm-listview .mm-next:before {
            content: "";
            border-left-width: 1px;
            border-left-style: solid;
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0
        }

        .mm-listview .mm-next + a, .mm-listview .mm-next + span {
            margin-right: 50px
        }

        .mm-listview .mm-next.mm-fullsubopen {
            width: 100%
        }

            .mm-listview .mm-next.mm-fullsubopen:before {
                border-left: none
            }

            .mm-listview .mm-next.mm-fullsubopen + a, .mm-listview .mm-next.mm-fullsubopen + span {
                padding-right: 50px;
                margin-right: 0
            }

.mm-menu > .mm-panel > .mm-listview {
    margin: 20px -20px
}

    .mm-menu > .mm-panel > .mm-listview:first-child, .mm-menu > .mm-panel > .mm-navbar + .mm-listview {
        margin-top: -20px
    }

.mm-listview .mm-inset {
    list-style: inside disc;
    padding: 0 10px 15px 40px;
    margin: 0
}

    .mm-listview .mm-inset > li {
        padding: 5px 0
    }

.mm-listview .mm-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.mm-listview .mm-spacer {
    padding-top: 40px
}

    .mm-listview .mm-spacer > .mm-next {
        top: 40px
    }

    .mm-listview .mm-spacer.mm-divider {
        padding-top: 25px
    }

.mm-arrow:after, .mm-next:after, .mm-prev:before {
    content: "";
    border: 2px solid transparent;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: rotate(-45deg)
}

.mm-prev:before {
    border-right: none;
    border-bottom: none;
    left: 20px
}

.mm-arrow:after, .mm-next:after {
    border-top: none;
    border-left: none;
    right: 20px
}

.mm-menu {
    background: #f3f3f3;
    border-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.7)
}

    .mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
        color: rgba(0,0,0,.3)
    }

    .mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before {
        border-color: rgba(0,0,0,.3)
    }

    .mm-menu .mm-listview {
        border-color: rgba(0,0,0,.1)
    }

        .mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after {
            border-color: rgba(0,0,0,.3)
        }

        .mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {
            background: hsla(0,0%,100%,.5)
        }

        .mm-menu .mm-divider, .mm-menu .mm-listview > li.mm-opened.mm-vertical > .mm-panel, .mm-menu .mm-listview > li.mm-opened.mm-vertical > a.mm-next, .mm-menu.mm-vertical .mm-listview > li.mm-opened > .mm-panel, .mm-menu.mm-vertical .mm-listview > li.mm-opened > a.mm-next {
            background: rgba(0,0,0,.05)
        }

.mm-page {
    box-sizing: border-box;
    position: relative
}

.mm-slideout {
    transition: transform .4s ease
}

html.mm-opened {
    position: relative
}

    html.mm-opened, html.mm-opened body {
        overflow: hidden
    }

html.mm-background .mm-page {
    background: inherit
}

#mm-blocker {
    background: rgba(3,2,1,0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999
}

html.mm-blocking #mm-blocker, html.mm-opened #mm-blocker {
    display: block
}

.mm-menu.mm-offcanvas {
    display: none;
    position: fixed
}

.mm-menu.mm-current {
    display: block
}

.mm-menu {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.mm-opening .mm-slideout {
    transform: translate(80%)
}

@media (max-width:175px) {
    html.mm-opening .mm-slideout {
        transform: translate(140px)
    }
}

@media (min-width:550px) {
    html.mm-opening .mm-slideout {
        transform: translate(440px)
    }
}

html.mm-opened.mm-dragging #mm-blocker, html.mm-opened.mm-dragging .mm-fixed-bottom, html.mm-opened.mm-dragging .mm-fixed-top, html.mm-opened.mm-dragging .mm-menu, html.mm-opened.mm-dragging .mm-page {
    transition-duration: 0s
}

.mm-menu > .mm-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    transform: translateZ(0)
}

.mm-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

.mm-navbar-bottom, .mm-navbar-top ~ .mm-navbar-top {
    border-bottom: none
}

    .mm-navbar-bottom ~ .mm-navbar-bottom {
        border-top: none
    }

.mm-navbar.mm-hasbtns {
    padding: 0 40px
}

.mm-close:after {
    content: "x"
}

.mm-navbar[class*=mm-navbar-content-] > * {
    box-sizing: border-box;
    display: block;
    float: left
}

.mm-navbar > .mm-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

    .mm-navbar > .mm-breadcrumbs > * {
        display: inline-block;
        padding: 10px 3px
    }

    .mm-navbar > .mm-breadcrumbs > a {
        text-decoration: underline
    }

.mm-navbar.mm-hasbtns .mm-breadcrumbs {
    margin-left: -40px
}

.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden) + .mm-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.mm-navbar-top-1 {
    top: 0
}

.mm-hasnavbar-top-1 .mm-panel {
    top: 40px
}

.mm-hasnavbar-top-1 .mm-indexer {
    top: 50px
}

.mm-hasnavbar-top-1 .mm-fixeddivider, .mm-navbar-top-2 {
    top: 40px
}

.mm-hasnavbar-top-2 .mm-panel {
    top: 80px
}

.mm-hasnavbar-top-2 .mm-indexer {
    top: 90px
}

.mm-hasnavbar-top-2 .mm-fixeddivider, .mm-navbar-top-3 {
    top: 80px
}

.mm-hasnavbar-top-3 .mm-panel {
    top: 120px
}

.mm-hasnavbar-top-3 .mm-indexer {
    top: 130px
}

.mm-hasnavbar-top-3 .mm-fixeddivider, .mm-navbar-top-4 {
    top: 120px
}

.mm-hasnavbar-top-4 .mm-panel {
    top: 160px
}

.mm-hasnavbar-top-4 .mm-indexer {
    top: 170px
}

.mm-hasnavbar-top-4 .mm-fixeddivider {
    top: 160px
}

.mm-navbar-bottom-1 {
    bottom: 0
}

.mm-hasnavbar-bottom-1 .mm-panel {
    bottom: 40px
}

.mm-hasnavbar-bottom-1 .mm-indexer {
    bottom: 50px
}

.mm-navbar-bottom-2 {
    bottom: 40px
}

.mm-hasnavbar-bottom-2 .mm-panel {
    bottom: 80px
}

.mm-hasnavbar-bottom-2 .mm-indexer {
    bottom: 90px
}

.mm-navbar-bottom-3 {
    bottom: 80px
}

.mm-hasnavbar-bottom-3 .mm-panel {
    bottom: 120px
}

.mm-hasnavbar-bottom-3 .mm-indexer {
    bottom: 130px
}

.mm-navbar-bottom-4 {
    bottom: 120px
}

.mm-hasnavbar-bottom-4 .mm-panel {
    bottom: 160px
}

.mm-hasnavbar-bottom-4 .mm-indexer {
    bottom: 170px
}

.mm-navbar-size-2 {
    height: 80px
}

.mm-navbar-size-3 {
    height: 120px
}

.mm-navbar-size-4 {
    height: 160px
}

.mm-navbar-content-2 > * {
    width: 50%
}

.mm-navbar-content-3 > * {
    width: 33.33%
}

.mm-navbar-content-4 > * {
    width: 25%
}

.mm-navbar-content-5 > * {
    width: 20%
}

.mm-navbar-content-6 > * {
    width: 16.67%
}

.mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > a, .mm-listview.mm-multiline > li .mm-listview > li.mm-multiline > span, .mm-menu.mm-multiline .mm-listview > li > a, .mm-menu.mm-multiline .mm-listview > li > span {
    text-overflow: clip;
    white-space: normal
}

.mm-menu.mm-pageshadow:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

.mm-menu.mm-pageshadow.mm-right:after {
    left: auto;
    right: 100%
}

.mm-menu.mm-pageshadow.mm-front:after, .mm-menu.mm-pageshadow.mm-next:after {
    content: none;
    display: none
}

.mm-menu.mm-pageshadow:after {
    box-shadow: 0 0 10px rgba(0,0,0,.3)
}

.mm-menu.mm-bottom, .mm-menu.mm-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%
}

.mm-menu.mm-right {
    left: auto;
    right: 0
}

.mm-menu.mm-bottom {
    top: auto;
    bottom: 0
}

html.mm-right.mm-opening .mm-slideout {
    transform: translate(-80%)
}

@media (max-width:175px) {
    html.mm-right.mm-opening .mm-slideout {
        transform: translate(-140px)
    }
}

@media (min-width:550px) {
    html.mm-right.mm-opening .mm-slideout {
        transform: translate(-440px)
    }
}

html.mm-front .mm-slideout {
    transform: none !important;
    z-index: 0 !important
}

.mm-menu.mm-front {
    z-index: 1
}

.mm-menu.mm-front, .mm-menu.mm-next {
    transition: transform .4s ease;
    transform: translate3d(-100%,0,0)
}

    .mm-menu.mm-front.mm-right, .mm-menu.mm-next.mm-right {
        transform: translate3d(100%,0,0)
    }

.mm-menu.mm-top {
    transform: translate3d(0,-100%,0)
}

.mm-menu.mm-bottom {
    transform: translate3d(0,100%,0)
}

html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next {
    transform: translateZ(0)
}

.mm-menu.mm-bottom, .mm-menu.mm-top {
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important;
    pointer-events: none
}

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: 700;
        border: 0
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em;
            width: auto;
            overflow: visible
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-datepicker .ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
    left: .5em;
    top: .3em
}

.ui-widget {
    font-family: Arial,Helvetica,sans-serif
}

    .ui-widget, .ui-widget .ui-widget {
        font-size: 1em
    }

        .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
            font-family: Arial,Helvetica,sans-serif;
            font-size: 1em
        }

        .ui-widget.ui-widget-content {
            border: 1px solid #c5c5c5
        }

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333
}

    .ui-widget-content a {
        color: #333
    }

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700
}

    .ui-widget-header a {
        color: #333
    }

    .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
        border: 1px solid #c5c5c5;
        background: #f6f6f6;
        font-weight: 400;
        color: #454545
    }

        .ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
            color: #454545;
            text-decoration: none
        }

            .ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
                border: 1px solid #ccc;
                background: #ededed;
                font-weight: 400;
                color: #2b2b2b
            }

                .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
                    color: #2b2b2b;
                    text-decoration: none
                }

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
    border: 1px solid #003eff;
    background: #007fff;
    font-weight: 400;
    color: #fff
}

    .ui-icon-background, .ui-state-active .ui-icon-background {
        border: #003eff;
        background-color: #fff
    }

    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
        color: #fff;
        text-decoration: none
    }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #777620
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f
}

    .ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
        color: #5f3f3f
    }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: 700
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: 400
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

    .ui-state-disabled .ui-icon {
        filter: Alpha(Opacity=35)
    }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.a4c733ec4baef9ad3896d4e34a8a5448.png)
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.971364734f3b603e5d363a2634898b42.png)
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.bf27228a7d3957983584fa7698121ea1.png)
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.208a290102a4ada58a04de354a1354d7.png)
}

.ui-state-error-text .ui-icon, .ui-state-error .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.0de3b51742ed3ac61435875bccd8973b.png)
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.73a1fd052c9d84c0ee0bea3ee85892ed.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-caret-1-n {
    background-position: 0 0
}

.ui-icon-caret-1-ne {
    background-position: -16px 0
}

.ui-icon-caret-1-e {
    background-position: -32px 0
}

.ui-icon-caret-1-se {
    background-position: -48px 0
}

.ui-icon-caret-1-s {
    background-position: -65px 0
}

.ui-icon-caret-1-sw {
    background-position: -80px 0
}

.ui-icon-caret-1-w {
    background-position: -96px 0
}

.ui-icon-caret-1-nw {
    background-position: -112px 0
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first, .ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 3px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 3px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 3px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 3px
}

.ui-widget-overlay {
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
    box-shadow: 0 0 5px #666
}

#ui-datepicker-div {
    display: none
}

.ui-timepicker-container {
    position: absolute;
    overflow: hidden;
    box-sizing: border-box
}

.ui-timepicker {
    list-style: none outside none;
    padding: 0 1px;
    text-align: center
}

.ui-timepicker, .ui-timepicker-viewport {
    box-sizing: content-box;
    display: block;
    height: 205px;
    margin: 0
}

.ui-timepicker-viewport {
    padding: 0;
    overflow: auto;
    overflow-x: hidden
}

.ui-timepicker-standard {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em;
    background-color: #fff;
    border: 1px solid #aaa;
    color: #222;
    margin: 0;
    padding: 2px
}

    .ui-timepicker-standard a {
        border: 1px solid transparent;
        color: #222;
        display: block;
        padding: .2em .4em;
        text-decoration: none
    }

    .ui-timepicker-standard .ui-state-hover {
        background-color: #dadada;
        border: 1px solid #999;
        font-weight: 400;
        color: #212121
    }

    .ui-timepicker-standard .ui-menu-item {
        margin: 0;
        padding: 0
    }

.ui-timepicker-corners, .ui-timepicker-corners .ui-corner-all {
    border-radius: 4px
}

.ui-timepicker-hidden {
    display: none
}

.ui-timepicker-no-scrollbar .ui-timepicker {
    border: none
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox], input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

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

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

    .container:after {
        clear: both
    }

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

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

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

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

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

    .row:after {
        clear: both
    }

.col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24 {
    float: left
}

.col-xs-12 {
    width: 50%
}

@media (min-width:992px) {
    .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24 {
        float: left
    }

    .col-md-1 {
        width: 4.16666667%
    }

    .col-md-2 {
        width: 8.33333333%
    }

    .col-md-3 {
        width: 12.5%
    }

    .col-md-4 {
        width: 16.66666667%
    }

    .col-md-5 {
        width: 20.83333333%
    }

    .col-md-6 {
        width: 25%
    }

    .col-md-7 {
        width: 29.16666667%
    }

    .col-md-8 {
        width: 33.33333333%
    }

    .col-md-9 {
        width: 37.5%
    }

    .col-md-10 {
        width: 41.66666667%
    }

    .col-md-11 {
        width: 45.83333333%
    }

    .col-md-12 {
        width: 50%
    }

    .col-md-13 {
        width: 54.16666667%
    }

    .col-md-14 {
        width: 58.33333333%
    }

    .col-md-15 {
        width: 62.5%
    }

    .col-md-16 {
        width: 66.66666667%
    }

    .col-md-17 {
        width: 70.83333333%
    }

    .col-md-18 {
        width: 75%
    }

    .col-md-19 {
        width: 79.16666667%
    }

    .col-md-20 {
        width: 83.33333333%
    }

    .col-md-21 {
        width: 87.5%
    }

    .col-md-22 {
        width: 91.66666667%
    }

    .col-md-23 {
        width: 95.83333333%
    }

    .col-md-24 {
        width: 100%
    }

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

    .col-md-pull-1 {
        right: 4.16666667%
    }

    .col-md-pull-2 {
        right: 8.33333333%
    }

    .col-md-pull-3 {
        right: 12.5%
    }

    .col-md-pull-4 {
        right: 16.66666667%
    }

    .col-md-pull-5 {
        right: 20.83333333%
    }

    .col-md-pull-6 {
        right: 25%
    }

    .col-md-pull-7 {
        right: 29.16666667%
    }

    .col-md-pull-8 {
        right: 33.33333333%
    }

    .col-md-pull-9 {
        right: 37.5%
    }

    .col-md-pull-10 {
        right: 41.66666667%
    }

    .col-md-pull-11 {
        right: 45.83333333%
    }

    .col-md-pull-12 {
        right: 50%
    }

    .col-md-pull-13 {
        right: 54.16666667%
    }

    .col-md-pull-14 {
        right: 58.33333333%
    }

    .col-md-pull-15 {
        right: 62.5%
    }

    .col-md-pull-16 {
        right: 66.66666667%
    }

    .col-md-pull-17 {
        right: 70.83333333%
    }

    .col-md-pull-18 {
        right: 75%
    }

    .col-md-pull-19 {
        right: 79.16666667%
    }

    .col-md-pull-20 {
        right: 83.33333333%
    }

    .col-md-pull-21 {
        right: 87.5%
    }

    .col-md-pull-22 {
        right: 91.66666667%
    }

    .col-md-pull-23 {
        right: 95.83333333%
    }

    .col-md-pull-24 {
        right: 100%
    }

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

    .col-md-push-1 {
        left: 4.16666667%
    }

    .col-md-push-2 {
        left: 8.33333333%
    }

    .col-md-push-3 {
        left: 12.5%
    }

    .col-md-push-4 {
        left: 16.66666667%
    }

    .col-md-push-5 {
        left: 20.83333333%
    }

    .col-md-push-6 {
        left: 25%
    }

    .col-md-push-7 {
        left: 29.16666667%
    }

    .col-md-push-8 {
        left: 33.33333333%
    }

    .col-md-push-9 {
        left: 37.5%
    }

    .col-md-push-10 {
        left: 41.66666667%
    }

    .col-md-push-11 {
        left: 45.83333333%
    }

    .col-md-push-12 {
        left: 50%
    }

    .col-md-push-13 {
        left: 54.16666667%
    }

    .col-md-push-14 {
        left: 58.33333333%
    }

    .col-md-push-15 {
        left: 62.5%
    }

    .col-md-push-16 {
        left: 66.66666667%
    }

    .col-md-push-17 {
        left: 70.83333333%
    }

    .col-md-push-18 {
        left: 75%
    }

    .col-md-push-19 {
        left: 79.16666667%
    }

    .col-md-push-20 {
        left: 83.33333333%
    }

    .col-md-push-21 {
        left: 87.5%
    }

    .col-md-push-22 {
        left: 91.66666667%
    }

    .col-md-push-23 {
        left: 95.83333333%
    }

    .col-md-push-24 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .col-md-offset-15 {
        margin-left: 62.5%
    }

    .col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .col-md-offset-17 {
        margin-left: 70.83333333%
    }

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

    .col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .col-md-offset-21 {
        margin-left: 87.5%
    }

    .col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .col-md-offset-23 {
        margin-left: 95.83333333%
    }

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

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm > input[type=date].form-control, .input-group-sm > input[type=date].input-group-addon, .input-group-sm > input[type=datetime-local].form-control, .input-group-sm > input[type=datetime-local].input-group-addon, .input-group-sm > input[type=month].form-control, .input-group-sm > input[type=month].input-group-addon, .input-group-sm > input[type=time].form-control, .input-group-sm > input[type=time].input-group-addon, .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg > input[type=date].form-control, .input-group-lg > input[type=date].input-group-addon, .input-group-lg > input[type=datetime-local].form-control, .input-group-lg > input[type=datetime-local].input-group-addon, .input-group-lg > input[type=month].form-control, .input-group-lg > input[type=month].input-group-addon, .input-group-lg > input[type=time].form-control, .input-group-lg > input[type=time].input-group-addon, .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.checkbox label, .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
    cursor: not-allowed
}

.form-control-static.input-lg, .form-control-static.input-sm, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn {
    padding-left: 0;
    padding-right: 0
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn, .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.input-group-sm > .input-group-btn > select.btn, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, select.input-sm {
    height: 30px;
    line-height: 30px
}

.input-group-sm > .input-group-btn > select[multiple].btn, .input-group-sm > .input-group-btn > textarea.btn, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn, .input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.input-group-lg > .input-group-btn > select.btn, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, select.input-lg {
    height: 46px;
    line-height: 46px
}

.input-group-lg > .input-group-btn > select[multiple].btn, .input-group-lg > .input-group-btn > textarea.btn, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline label, .has-success.radio label {
    color: #3c763d !important
}

.has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline label, .has-warning.radio label {
    color: #8a6d3b !important
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline label, .has-error.radio label {
    color: #a94442 !important
}

.has-feedback label ~ .form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox label, .form-inline .radio label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.fade {
    opacity: 0;
    transition: opacity .15s linear
}

    .fade.in {
        opacity: 1
    }

.collapse {
    display: none
}

    .collapse.in {
        display: block
    }

tr.collapse.in {
    display: table-row
}

tbody.collapse.in {
    display: table-row-group
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height,visibility;
    transition-duration: .35s;
    transition-timing-function: ease
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.dropdown, .dropup {
    position: relative
}

.dropdown-toggle:focus {
    outline: 0
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box
}

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

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap
    }

        .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
            text-decoration: none;
            color: #262626;
            background-color: #f5f5f5
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
        color: #fff;
        text-decoration: none;
        outline: 0;
        background-color: #337ab7
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        color: #777
    }

        .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed
        }

.open > .dropdown-menu {
    display: block
}

.open > a {
    outline: 0
}

.dropdown-menu-right {
    left: auto;
    right: 0
}

.dropdown-menu-left {
    left: 0;
    right: auto
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    content: ""
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}

@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto
    }

    .navbar-right .dropdown-menu-left {
        left: 0;
        right: auto
    }
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0
    }

    .input-group-addon, .input-group-btn, .input-group .form-control {
        display: table-cell
    }

        .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0
        }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

    .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px
    }

    .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0
    }

    .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group .form-control:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0
    }

    .input-group-addon:first-child {
        border-right: 0
    }

    .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group .form-control:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0
    }

    .input-group-addon:last-child {
        border-left: 0
    }

.input-group-btn {
    font-size: 0;
    white-space: nowrap
}

    .input-group-btn, .input-group-btn > .btn {
        position: relative
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2
        }

        .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
            margin-right: -1px
        }

        .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
            z-index: 2;
            margin-left: -1px
        }

.nav {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

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

    .nav:after {
        clear: both
    }

    .nav > li, .nav > li > a {
        position: relative;
        display: block
    }

        .nav > li > a {
            padding: 10px 15px
        }

            .nav > li > a:focus, .nav > li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

        .nav > li.disabled > a {
            color: #777
        }

            .nav > li.disabled > a:focus, .nav > li.disabled > a:hover {
                color: #777;
                text-decoration: none;
                background-color: transparent;
                cursor: not-allowed
            }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #eee;
        border-color: #337ab7
    }

    .nav .nav-divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5
    }

    .nav > li > a > img {
        max-width: none
    }

.nav-tabs {
    border-bottom: 1px solid #ddd
}

    .nav-tabs > li {
        float: left;
        margin-bottom: -1px
    }

        .nav-tabs > li > a {
            margin-right: 2px;
            line-height: 1.42857143;
            border: 1px solid transparent;
            border-radius: 4px 4px 0 0
        }

            .nav-tabs > li > a:hover {
                border-color: #eee #eee #ddd
            }

        .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
            color: #555;
            background-color: #fff;
            border: 1px solid;
            border-color: #ddd #ddd transparent;
            cursor: default
        }

.nav-pills > li {
    float: left
}

    .nav-pills > li > a {
        border-radius: 4px
    }

    .nav-pills > li + li {
        margin-left: 2px
    }

    .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
        color: #fff;
        background-color: #337ab7
    }

.nav-stacked > li {
    float: none
}

    .nav-stacked > li + li {
        margin-top: 2px;
        margin-left: 0
    }

.nav-justified, .nav-tabs.nav-justified {
    width: 100%
}

    .nav-justified > li, .nav-tabs.nav-justified > li {
        float: none
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            text-align: center;
            margin-bottom: 5px
        }

    .nav-justified > .dropdown .dropdown-menu {
        top: auto;
        left: auto
    }

@media (min-width:768px) {
    .nav-justified > li, .nav-tabs.nav-justified > li {
        display: table-cell;
        width: 1%
    }

        .nav-justified > li > a, .nav-tabs.nav-justified > li > a {
            margin-bottom: 0
        }
}

.nav-tabs-justified, .nav-tabs.nav-justified {
    border-bottom: 0
}

    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        margin-right: 0;
        border-radius: 4px
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border: 1px solid #ddd
    }

@media (min-width:768px) {
    .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {
        border-bottom: 1px solid #ddd;
        border-radius: 4px 4px 0 0
    }

    .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border-bottom-color: #fff
    }
}

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

    .pagination > li {
        display: inline
    }

        .pagination > li > a, .pagination > li > span {
            position: relative;
            float: left;
            padding: 6px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #337ab7;
            background-color: #fff;
            border: 1px solid #ddd;
            margin-left: -1px
        }

        .pagination > li:first-child > a, .pagination > li:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px
        }

        .pagination > li:last-child > a, .pagination > li:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px
        }

        .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
            z-index: 3;
            color: #23527c;
            background-color: #eee;
            border-color: #ddd
        }

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
        z-index: 2;
        color: #fff;
        background-color: #337ab7;
        border-color: #337ab7;
        cursor: default
    }

    .pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
        color: #777;
        background-color: #fff;
        border-color: #ddd;
        cursor: not-allowed
    }

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm > li > a, .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

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

    .pager:after {
        clear: both
    }

    .pager li {
        display: inline
    }

        .pager li > a, .pager li > span {
            display: inline-block;
            padding: 5px 14px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 15px
        }

            .pager li > a:focus, .pager li > a:hover {
                text-decoration: none;
                background-color: #eee
            }

    .pager .next > a, .pager .next > span {
        float: right
    }

    .pager .previous > a, .pager .previous > span {
        float: left
    }

    .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover, .pager .disabled > span {
        color: #777;
        background-color: #fff;
        cursor: not-allowed
    }

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px
}

    .alert h4 {
        margin-top: 0;
        color: inherit
    }

    .alert .alert-link {
        font-weight: 700
    }

    .alert > p, .alert > ul {
        margin-bottom: 0
    }

        .alert > p + p {
            margin-top: 5px
        }

.alert-dismissable, .alert-dismissible {
    padding-right: 35px
}

    .alert-dismissable .close, .alert-dismissible .close {
        position: relative;
        top: -2px;
        right: -21px;
        color: inherit
    }

.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
}

    .alert-success hr {
        border-top-color: #c9e2b3
    }

    .alert-success .alert-link {
        color: #2b542c
    }

.alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
}

    .alert-info hr {
        border-top-color: #a6e1ec
    }

    .alert-info .alert-link {
        color: #245269
    }

.alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
}

    .alert-warning hr {
        border-top-color: #f7e1b5
    }

    .alert-warning .alert-link {
        color: #66512c
    }

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}

    .alert-danger hr {
        border-top-color: #e4b9c0
    }

    .alert-danger .alert-link {
        color: #843534
    }

.media {
    margin-top: 15px
}

    .media:first-child {
        margin-top: 0
    }

.media, .media-body {
    zoom: 1;
    overflow: hidden
}

.media-body {
    width: 10000px
}

.media-object {
    display: block
}

    .media-object.img-thumbnail {
        max-width: none
    }

.media-right, .media > .pull-right {
    padding-left: 10px
}

.media-left, .media > .pull-left {
    padding-right: 10px
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top
}

.media-middle {
    vertical-align: middle
}

.media-bottom {
    vertical-align: bottom
}

.media-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.media-list {
    padding-left: 0;
    list-style: none
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }

a.list-group-item, button.list-group-item {
    color: #555
}

    a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
        color: #333
    }

    a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
        text-decoration: none;
        color: #555;
        background-color: #f5f5f5
    }

button.list-group-item {
    width: 100%;
    text-align: left
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
    background-color: #eee;
    color: #777;
    cursor: not-allowed
}

    .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
        color: inherit
    }

    .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
        color: #777
    }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
    z-index: 2;
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7
}

    .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading > small {
        color: inherit
    }

    .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
        color: #c7ddef
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8
}

a.list-group-item-success, button.list-group-item-success {
    color: #3c763d
}

    a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6
    }

    a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7
}

a.list-group-item-info, button.list-group-item-info {
    color: #31708f
}

    a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3
    }

    a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3
}

a.list-group-item-warning, button.list-group-item-warning {
    color: #8a6d3b
}

    a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc
    }

    a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede
}

a.list-group-item-danger, button.list-group-item-danger {
    color: #a94442
}

    a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
        color: inherit
    }

    a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc
    }

    a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0
    }

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    /*opacity: .2;*/
    filter: alpha(opacity=20)
}

    .close:focus, .close:hover {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        opacity: .5;
        filter: alpha(opacity=50)
    }

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal, .modal-open {
    overflow: hidden
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

    .modal.fade .modal-dialog {
        transform: translateY(-25%);
        transition: transform .3s ease-out
    }

    .modal.in .modal-dialog {
        transform: translate(0)
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0)
    }

    .modal-backdrop.in {
        opacity: .5;
        filter: alpha(opacity=50)
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

    .modal-header .close {
        margin-top: -2px
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

    .modal-footer:after, .modal-footer:before {
        content: " ";
        display: table
    }

    .modal-footer:after {
        clear: both
    }

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        box-shadow: 0 5px 15px rgba(0,0,0,.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px
    }
}

[dir=ltr] .tooltip {
    text-align: left
}

[dir=rtl] .tooltip {
    text-align: right
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-style: normal;
    font-weight: 400;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.42857143;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    font-size: 12px;
    opacity: 0;
    filter: alpha(opacity=0)
}

    .tooltip.in {
        opacity: .9;
        filter: alpha(opacity=90)
    }

    .tooltip.top {
        margin-top: -3px;
        padding: 5px 0
    }

    .tooltip.right {
        margin-left: 3px;
        padding: 0 5px
    }

    .tooltip.bottom {
        margin-top: 3px;
        padding: 5px 0
    }

    .tooltip.left {
        margin-left: -3px;
        padding: 0 5px
    }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    right: 5px
}

.tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    left: 5px
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

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

.clearfix:after {
    clear: both
}

*, :after, :before {
    box-sizing: border-box
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent
}

body {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    background-color: #fff
}

.button, .button-lt-blue, .button-twitter, .inner-service-alerts .panel-content input[type=submit], .main-content input[type=submit], .service-alerts input[type=submit], .trip-planner-wrapper .form-footer input, button, input, input.button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

a {
    color: #337ab7
}

    a, a:focus, a:hover {
        text-decoration: none
    }

        a:focus, a:hover {
            color: #23527c
        }

        a:focus {
            outline: thin dotted;
            outline: 5px auto -webkit-focus-ring-color;
            outline-offset: -2px
        }

figure {
    margin: 0
}

img {
    vertical-align: middle
}

.img-responsive, img {
    display: block;
    max-width: 100%;
    height: auto
}

.img-rounded {
    border-radius: 6px
}

.img-thumbnail {
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: all .2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto
}

.img-circle {
    border-radius: 50%
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

[role=button] {
    cursor: pointer
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit
}

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-weight: 400;
        line-height: 1;
        color: #777
    }

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

    .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
        font-size: 65%
    }

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

    .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
        font-size: 75%
    }

.h1, h1 {
    font-size: 36px
}

.h2, h2 {
    font-size: 30px
}

.h3, h3 {
    font-size: 24px
}

.h4, h4 {
    font-size: 18px
}

.h5, h5 {
    font-size: 14px
}

.h6, h6 {
    font-size: 12px
}

p {
    margin: 0 0 8px
}

.lead {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.4
}

@media (min-width:768px) {
    .lead {
        font-size: 21px
    }
}

.small, small {
    font-size: 85%
}

.mark, mark {
    background-color: #fcf8e3;
    padding: .2em
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

.text-nowrap {
    white-space: nowrap
}

.text-lowercase {
    text-transform: lowercase
}

.initialism, .text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-muted {
    color: #777
}

.text-primary {
    color: #337ab7
}

a.text-primary:focus, a.text-primary:hover {
    color: #286090
}

.text-success {
    color: #3c763d
}

a.text-success:focus, a.text-success:hover {
    color: #2b542c
}

.text-info {
    color: #31708f
}

a.text-info:focus, a.text-info:hover {
    color: #245269
}

.text-warning {
    color: #8a6d3b
}

a.text-warning:focus, a.text-warning:hover {
    color: #66512c
}

.text-danger {
    color: #a94442
}

a.text-danger:focus, a.text-danger:hover {
    color: #843534
}

.bg-primary {
    color: #fff;
    background-color: #337ab7
}

a.bg-primary:focus, a.bg-primary:hover {
    background-color: #286090
}

.bg-success {
    background-color: #dff0d8
}

a.bg-success:focus, a.bg-success:hover {
    background-color: #c1e2b3
}

.bg-info {
    background-color: #d9edf7
}

a.bg-info:focus, a.bg-info:hover {
    background-color: #afd9ee
}

.bg-warning {
    background-color: #fcf8e3
}

a.bg-warning:focus, a.bg-warning:hover {
    background-color: #f7ecb5
}

.bg-danger {
    background-color: #f2dede
}

a.bg-danger:focus, a.bg-danger:hover {
    background-color: #e4b9b9
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #eee
}

ol, ul {
    margin-top: 0;
    margin-bottom: 12px
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

.list-inline, .list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    margin-left: -5px
}

    .list-inline > li {
        display: inline-block;
        padding-left: 5px;
        padding-right: 5px
    }

dl {
    margin-top: 0;
    margin-bottom: 20px
}

dd, dt {
    line-height: 1.42857143
}

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

.dl-horizontal dd:after, .dl-horizontal dd:before {
    content: " ";
    display: table
}

.dl-horizontal dd:after {
    clear: both
}

@media (min-width:768px) {
    .dl-horizontal dt {
        float: left;
        width: 160px;
        clear: left;
        text-align: right;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .dl-horizontal dd {
        margin-left: 180px
    }
}

abbr[data-original-title], abbr[title] {
    cursor: help;
    border-bottom: 1px dotted #777
}

.initialism {
    font-size: 90%
}

blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #eee
}

    blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child {
        margin-bottom: 0
    }

    blockquote .small, blockquote footer, blockquote small {
        display: block;
        font-size: 80%;
        line-height: 1.42857143;
        color: #777
    }

        blockquote .small:before, blockquote footer:before, blockquote small:before {
            content: "\2014 \00A0"
        }

    .blockquote-reverse, blockquote.pull-right {
        padding-right: 15px;
        padding-left: 0;
        border-right: 5px solid #eee;
        border-left: 0;
        text-align: right
    }

        .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before {
            content: ""
        }

        .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after {
            content: "\00A0 \2014"
        }

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143
}

.container, .footer-contact, .footer-nav, .main-nav-wrapper nav > ul .mm-content, .video-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 5px;
    padding-right: 5px
}

    .container:after, .container:before, .footer-contact:after, .footer-contact:before, .footer-nav:after, .footer-nav:before, .main-nav-wrapper nav > ul .mm-content:after, .main-nav-wrapper nav > ul .mm-content:before, .video-wrapper:after, .video-wrapper:before {
        content: " ";
        display: table
    }

    .container:after, .footer-contact:after, .footer-nav:after, .main-nav-wrapper nav > ul .mm-content:after, .video-wrapper:after {
        clear: both
    }

@media (min-width:768px) {
    .container, .footer-contact, .footer-nav, .main-nav-wrapper nav > ul .mm-content, .video-wrapper {
        width: 730px
    }
}

@media (min-width:992px) {
    .container, .footer-contact, .footer-nav, .main-nav-wrapper nav > ul .mm-content, .video-wrapper {
        width: 950px
    }
}

@media (min-width:1200px) {
    .container, .footer-contact, .footer-nav, .main-nav-wrapper nav > ul .mm-content, .video-wrapper {
        width: 1150px
    }
}

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

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

    .container-fluid:after {
        clear: both
    }

.inner .main-content, .maps-bus-content, .maps-bus-rail-content, .maps-rail-content, .maps-wrapper, .next-arrivals .next-arrivals-wrapper, .next-arrivals .next-bus-results, .next-train-results, .row, .status .current-alerts .form-container, .status .planned-changes .form-container, .status .system-status {
    margin-left: -5px;
    margin-right: -5px
}

    .inner .main-content:after, .inner .main-content:before, .maps-bus-content:after, .maps-bus-content:before, .maps-bus-rail-content:after, .maps-bus-rail-content:before, .maps-rail-content:after, .maps-rail-content:before, .maps-wrapper:after, .maps-wrapper:before, .next-arrivals .next-arrivals-wrapper:after, .next-arrivals .next-arrivals-wrapper:before, .next-arrivals .next-bus-results:after, .next-arrivals .next-bus-results:before, .next-train-results:after, .next-train-results:before, .row:after, .row:before, .status .current-alerts .form-container:after, .status .current-alerts .form-container:before, .status .planned-changes .form-container:after, .status .planned-changes .form-container:before, .status .system-status:after, .status .system-status:before {
        content: " ";
        display: table
    }

    .inner .main-content:after, .maps-bus-content:after, .maps-bus-rail-content:after, .maps-rail-content:after, .maps-wrapper:after, .next-arrivals .next-arrivals-wrapper:after, .next-arrivals .next-bus-results:after, .next-train-results:after, .row:after, .status .current-alerts .form-container:after, .status .planned-changes .form-container:after, .status .system-status:after {
        clear: both
    }

    .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24, .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .status .current-alerts .form-container .form-group > div, .status .planned-changes .form-container .form-group > div, .status .system-status .alerts, .status .system-status .status-descripion, .status .system-status .status-map {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px
    }

    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-13, .col-xs-14, .col-xs-15, .col-xs-16, .col-xs-17, .col-xs-18, .col-xs-19, .col-xs-20, .col-xs-21, .col-xs-22, .col-xs-23, .col-xs-24, .status .system-status .alerts {
        float: left
    }

.col-xs-1 {
    width: 4.16666667%
}

.col-xs-2 {
    width: 8.33333333%
}

.col-xs-3 {
    width: 12.5%
}

.col-xs-4 {
    width: 16.66666667%
}

.col-xs-5 {
    width: 20.83333333%
}

.col-xs-6 {
    width: 25%
}

.col-xs-7 {
    width: 29.16666667%
}

.col-xs-8 {
    width: 33.33333333%
}

.col-xs-9 {
    width: 37.5%
}

.col-xs-10 {
    width: 41.66666667%
}

.col-xs-11 {
    width: 45.83333333%
}

.col-xs-12, .status .system-status .alerts {
    width: 50%
}

.col-xs-13 {
    width: 54.16666667%
}

.col-xs-14 {
    width: 58.33333333%
}

.col-xs-15 {
    width: 62.5%
}

.col-xs-16 {
    width: 66.66666667%
}

.col-xs-17 {
    width: 70.83333333%
}

.col-xs-18 {
    width: 75%
}

.col-xs-19 {
    width: 79.16666667%
}

.col-xs-20 {
    width: 83.33333333%
}

.col-xs-21 {
    width: 87.5%
}

.col-xs-22 {
    width: 91.66666667%
}

.col-xs-23 {
    width: 95.83333333%
}

.col-xs-24 {
    width: 100%
}

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

.col-xs-pull-1 {
    right: 4.16666667%
}

.col-xs-pull-2 {
    right: 8.33333333%
}

.col-xs-pull-3 {
    right: 12.5%
}

.col-xs-pull-4 {
    right: 16.66666667%
}

.col-xs-pull-5 {
    right: 20.83333333%
}

.col-xs-pull-6 {
    right: 25%
}

.col-xs-pull-7 {
    right: 29.16666667%
}

.col-xs-pull-8 {
    right: 33.33333333%
}

.col-xs-pull-9 {
    right: 37.5%
}

.col-xs-pull-10 {
    right: 41.66666667%
}

.col-xs-pull-11 {
    right: 45.83333333%
}

.col-xs-pull-12 {
    right: 50%
}

.col-xs-pull-13 {
    right: 54.16666667%
}

.col-xs-pull-14 {
    right: 58.33333333%
}

.col-xs-pull-15 {
    right: 62.5%
}

.col-xs-pull-16 {
    right: 66.66666667%
}

.col-xs-pull-17 {
    right: 70.83333333%
}

.col-xs-pull-18 {
    right: 75%
}

.col-xs-pull-19 {
    right: 79.16666667%
}

.col-xs-pull-20 {
    right: 83.33333333%
}

.col-xs-pull-21 {
    right: 87.5%
}

.col-xs-pull-22 {
    right: 91.66666667%
}

.col-xs-pull-23 {
    right: 95.83333333%
}

.col-xs-pull-24 {
    right: 100%
}

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

.col-xs-push-1 {
    left: 4.16666667%
}

.col-xs-push-2 {
    left: 8.33333333%
}

.col-xs-push-3 {
    left: 12.5%
}

.col-xs-push-4 {
    left: 16.66666667%
}

.col-xs-push-5 {
    left: 20.83333333%
}

.col-xs-push-6 {
    left: 25%
}

.col-xs-push-7 {
    left: 29.16666667%
}

.col-xs-push-8 {
    left: 33.33333333%
}

.col-xs-push-9 {
    left: 37.5%
}

.col-xs-push-10 {
    left: 41.66666667%
}

.col-xs-push-11 {
    left: 45.83333333%
}

.col-xs-push-12 {
    left: 50%
}

.col-xs-push-13 {
    left: 54.16666667%
}

.col-xs-push-14 {
    left: 58.33333333%
}

.col-xs-push-15 {
    left: 62.5%
}

.col-xs-push-16 {
    left: 66.66666667%
}

.col-xs-push-17 {
    left: 70.83333333%
}

.col-xs-push-18 {
    left: 75%
}

.col-xs-push-19 {
    left: 79.16666667%
}

.col-xs-push-20 {
    left: 83.33333333%
}

.col-xs-push-21 {
    left: 87.5%
}

.col-xs-push-22 {
    left: 91.66666667%
}

.col-xs-push-23 {
    left: 95.83333333%
}

.col-xs-push-24 {
    left: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-13 {
    margin-left: 54.16666667%
}

.col-xs-offset-14 {
    margin-left: 58.33333333%
}

.col-xs-offset-15 {
    margin-left: 62.5%
}

.col-xs-offset-16 {
    margin-left: 66.66666667%
}

.col-xs-offset-17 {
    margin-left: 70.83333333%
}

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

.col-xs-offset-19 {
    margin-left: 79.16666667%
}

.col-xs-offset-20 {
    margin-left: 83.33333333%
}

.col-xs-offset-21 {
    margin-left: 87.5%
}

.col-xs-offset-22 {
    margin-left: 91.66666667%
}

.col-xs-offset-23 {
    margin-left: 95.83333333%
}

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

@media (min-width:768px) {
    .col-sm-1, .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-sm-10, .col-sm-11, .col-sm-12, .col-sm-13, .col-sm-14, .col-sm-15, .col-sm-16, .col-sm-17, .col-sm-18, .col-sm-19, .col-sm-20, .col-sm-21, .col-sm-22, .col-sm-23, .col-sm-24 {
        float: left
    }

    .col-sm-1 {
        width: 4.16666667%
    }

    .col-sm-2 {
        width: 8.33333333%
    }

    .col-sm-3 {
        width: 12.5%
    }

    .col-sm-4 {
        width: 16.66666667%
    }

    .col-sm-5 {
        width: 20.83333333%
    }

    .col-sm-6 {
        width: 25%
    }

    .col-sm-7 {
        width: 29.16666667%
    }

    .col-sm-8 {
        width: 33.33333333%
    }

    .col-sm-9 {
        width: 37.5%
    }

    .col-sm-10 {
        width: 41.66666667%
    }

    .col-sm-11 {
        width: 45.83333333%
    }

    .col-sm-12 {
        width: 50%
    }

    .col-sm-13 {
        width: 54.16666667%
    }

    .col-sm-14 {
        width: 58.33333333%
    }

    .col-sm-15 {
        width: 62.5%
    }

    .col-sm-16 {
        width: 66.66666667%
    }

    .col-sm-17 {
        width: 70.83333333%
    }

    .col-sm-18 {
        width: 75%
    }

    .col-sm-19 {
        width: 79.16666667%
    }

    .col-sm-20 {
        width: 83.33333333%
    }

    .col-sm-21 {
        width: 87.5%
    }

    .col-sm-22 {
        width: 91.66666667%
    }

    .col-sm-23 {
        width: 95.83333333%
    }

    .col-sm-24 {
        width: 100%
    }

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

    .col-sm-pull-1 {
        right: 4.16666667%
    }

    .col-sm-pull-2 {
        right: 8.33333333%
    }

    .col-sm-pull-3 {
        right: 12.5%
    }

    .col-sm-pull-4 {
        right: 16.66666667%
    }

    .col-sm-pull-5 {
        right: 20.83333333%
    }

    .col-sm-pull-6 {
        right: 25%
    }

    .col-sm-pull-7 {
        right: 29.16666667%
    }

    .col-sm-pull-8 {
        right: 33.33333333%
    }

    .col-sm-pull-9 {
        right: 37.5%
    }

    .col-sm-pull-10 {
        right: 41.66666667%
    }

    .col-sm-pull-11 {
        right: 45.83333333%
    }

    .col-sm-pull-12 {
        right: 50%
    }

    .col-sm-pull-13 {
        right: 54.16666667%
    }

    .col-sm-pull-14 {
        right: 58.33333333%
    }

    .col-sm-pull-15 {
        right: 62.5%
    }

    .col-sm-pull-16 {
        right: 66.66666667%
    }

    .col-sm-pull-17 {
        right: 70.83333333%
    }

    .col-sm-pull-18 {
        right: 75%
    }

    .col-sm-pull-19 {
        right: 79.16666667%
    }

    .col-sm-pull-20 {
        right: 83.33333333%
    }

    .col-sm-pull-21 {
        right: 87.5%
    }

    .col-sm-pull-22 {
        right: 91.66666667%
    }

    .col-sm-pull-23 {
        right: 95.83333333%
    }

    .col-sm-pull-24 {
        right: 100%
    }

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

    .col-sm-push-1 {
        left: 4.16666667%
    }

    .col-sm-push-2 {
        left: 8.33333333%
    }

    .col-sm-push-3 {
        left: 12.5%
    }

    .col-sm-push-4 {
        left: 16.66666667%
    }

    .col-sm-push-5 {
        left: 20.83333333%
    }

    .col-sm-push-6 {
        left: 25%
    }

    .col-sm-push-7 {
        left: 29.16666667%
    }

    .col-sm-push-8 {
        left: 33.33333333%
    }

    .col-sm-push-9 {
        left: 37.5%
    }

    .col-sm-push-10 {
        left: 41.66666667%
    }

    .col-sm-push-11 {
        left: 45.83333333%
    }

    .col-sm-push-12 {
        left: 50%
    }

    .col-sm-push-13 {
        left: 54.16666667%
    }

    .col-sm-push-14 {
        left: 58.33333333%
    }

    .col-sm-push-15 {
        left: 62.5%
    }

    .col-sm-push-16 {
        left: 66.66666667%
    }

    .col-sm-push-17 {
        left: 70.83333333%
    }

    .col-sm-push-18 {
        left: 75%
    }

    .col-sm-push-19 {
        left: 79.16666667%
    }

    .col-sm-push-20 {
        left: 83.33333333%
    }

    .col-sm-push-21 {
        left: 87.5%
    }

    .col-sm-push-22 {
        left: 91.66666667%
    }

    .col-sm-push-23 {
        left: 95.83333333%
    }

    .col-sm-push-24 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-sm-offset-13 {
        margin-left: 54.16666667%
    }

    .col-sm-offset-14 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-15 {
        margin-left: 62.5%
    }

    .col-sm-offset-16 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-17 {
        margin-left: 70.83333333%
    }

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

    .col-sm-offset-19 {
        margin-left: 79.16666667%
    }

    .col-sm-offset-20 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-21 {
        margin-left: 87.5%
    }

    .col-sm-offset-22 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-23 {
        margin-left: 95.83333333%
    }

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

@media (min-width:992px) {
    .col-md-1, .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-md-10, .col-md-11, .col-md-12, .col-md-13, .col-md-14, .col-md-15, .col-md-16, .col-md-17, .col-md-18, .col-md-19, .col-md-20, .col-md-21, .col-md-22, .col-md-23, .col-md-24, .status .current-alerts .form-container .form-group > div, .status .planned-changes .form-container .form-group > div, .status .system-status .status-descripion, .status .system-status .status-map {
        float: left
    }

    .col-md-1 {
        width: 4.16666667%
    }

    .col-md-2 {
        width: 8.33333333%
    }

    .col-md-3 {
        width: 12.5%
    }

    .col-md-4 {
        width: 16.66666667%
    }

    .col-md-5 {
        width: 20.83333333%
    }

    .col-md-6, .status .current-alerts .form-container .form-group > div, .status .planned-changes .form-container .form-group > div {
        width: 25%
    }

    .col-md-7 {
        width: 29.16666667%
    }

    .col-md-8 {
        width: 33.33333333%
    }

    .col-md-9 {
        width: 37.5%
    }

    .col-md-10 {
        width: 41.66666667%
    }

    .col-md-11, .status .system-status .status-descripion {
        width: 45.83333333%
    }

    .col-md-12 {
        width: 50%
    }

    .col-md-13, .status .system-status .status-map {
        width: 54.16666667%
    }

    .col-md-14 {
        width: 58.33333333%
    }

    .col-md-15 {
        width: 62.5%
    }

    .col-md-16 {
        width: 66.66666667%
    }

    .col-md-17 {
        width: 70.83333333%
    }

    .col-md-18 {
        width: 75%
    }

    .col-md-19 {
        width: 79.16666667%
    }

    .col-md-20 {
        width: 83.33333333%
    }

    .col-md-21 {
        width: 87.5%
    }

    .col-md-22 {
        width: 91.66666667%
    }

    .col-md-23 {
        width: 95.83333333%
    }

    .col-md-24 {
        width: 100%
    }

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

    .col-md-pull-1 {
        right: 4.16666667%
    }

    .col-md-pull-2 {
        right: 8.33333333%
    }

    .col-md-pull-3 {
        right: 12.5%
    }

    .col-md-pull-4 {
        right: 16.66666667%
    }

    .col-md-pull-5 {
        right: 20.83333333%
    }

    .col-md-pull-6 {
        right: 25%
    }

    .col-md-pull-7 {
        right: 29.16666667%
    }

    .col-md-pull-8 {
        right: 33.33333333%
    }

    .col-md-pull-9 {
        right: 37.5%
    }

    .col-md-pull-10 {
        right: 41.66666667%
    }

    .col-md-pull-11 {
        right: 45.83333333%
    }

    .col-md-pull-12 {
        right: 50%
    }

    .col-md-pull-13 {
        right: 54.16666667%
    }

    .col-md-pull-14 {
        right: 58.33333333%
    }

    .col-md-pull-15 {
        right: 62.5%
    }

    .col-md-pull-16 {
        right: 66.66666667%
    }

    .col-md-pull-17 {
        right: 70.83333333%
    }

    .col-md-pull-18 {
        right: 75%
    }

    .col-md-pull-19 {
        right: 79.16666667%
    }

    .col-md-pull-20 {
        right: 83.33333333%
    }

    .col-md-pull-21 {
        right: 87.5%
    }

    .col-md-pull-22 {
        right: 91.66666667%
    }

    .col-md-pull-23 {
        right: 95.83333333%
    }

    .col-md-pull-24 {
        right: 100%
    }

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

    .col-md-push-1, .footer-nav .col-wrapper {
        left: 4.16666667%
    }

    .col-md-push-2 {
        left: 8.33333333%
    }

    .col-md-push-3, .footer-contact-wrapper .col-wrapper {
        left: 12.5%
    }

    .col-md-push-4 {
        left: 16.66666667%
    }

    .col-md-push-5 {
        left: 20.83333333%
    }

    .col-md-push-6 {
        left: 25%
    }

    .col-md-push-7 {
        left: 29.16666667%
    }

    .col-md-push-8 {
        left: 33.33333333%
    }

    .col-md-push-9 {
        left: 37.5%
    }

    .col-md-push-10 {
        left: 41.66666667%
    }

    .col-md-push-11 {
        left: 45.83333333%
    }

    .col-md-push-12 {
        left: 50%
    }

    .col-md-push-13 {
        left: 54.16666667%
    }

    .col-md-push-14 {
        left: 58.33333333%
    }

    .col-md-push-15 {
        left: 62.5%
    }

    .col-md-push-16 {
        left: 66.66666667%
    }

    .col-md-push-17 {
        left: 70.83333333%
    }

    .col-md-push-18 {
        left: 75%
    }

    .col-md-push-19 {
        left: 79.16666667%
    }

    .col-md-push-20 {
        left: 83.33333333%
    }

    .col-md-push-21 {
        left: 87.5%
    }

    .col-md-push-22 {
        left: 91.66666667%
    }

    .col-md-push-23 {
        left: 95.83333333%
    }

    .col-md-push-24 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-md-offset-13 {
        margin-left: 54.16666667%
    }

    .col-md-offset-14 {
        margin-left: 58.33333333%
    }

    .col-md-offset-15 {
        margin-left: 62.5%
    }

    .col-md-offset-16 {
        margin-left: 66.66666667%
    }

    .col-md-offset-17 {
        margin-left: 70.83333333%
    }

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

    .col-md-offset-19 {
        margin-left: 79.16666667%
    }

    .col-md-offset-20 {
        margin-left: 83.33333333%
    }

    .col-md-offset-21 {
        margin-left: 87.5%
    }

    .col-md-offset-22 {
        margin-left: 91.66666667%
    }

    .col-md-offset-23 {
        margin-left: 95.83333333%
    }

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

@media (min-width:1200px) {
    .col-lg-1, .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-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 {
        float: left
    }

    .col-lg-1 {
        width: 4.16666667%
    }

    .col-lg-2 {
        width: 8.33333333%
    }

    .col-lg-3 {
        width: 12.5%
    }

    .col-lg-4 {
        width: 16.66666667%
    }

    .col-lg-5 {
        width: 20.83333333%
    }

    .col-lg-6 {
        width: 25%
    }

    .col-lg-7 {
        width: 29.16666667%
    }

    .col-lg-8 {
        width: 33.33333333%
    }

    .col-lg-9 {
        width: 37.5%
    }

    .col-lg-10 {
        width: 41.66666667%
    }

    .col-lg-11 {
        width: 45.83333333%
    }

    .col-lg-12 {
        width: 50%
    }

    .col-lg-13 {
        width: 54.16666667%
    }

    .col-lg-14 {
        width: 58.33333333%
    }

    .col-lg-15 {
        width: 62.5%
    }

    .col-lg-16 {
        width: 66.66666667%
    }

    .col-lg-17 {
        width: 70.83333333%
    }

    .col-lg-18 {
        width: 75%
    }

    .col-lg-19 {
        width: 79.16666667%
    }

    .col-lg-20 {
        width: 83.33333333%
    }

    .col-lg-21 {
        width: 87.5%
    }

    .col-lg-22 {
        width: 91.66666667%
    }

    .col-lg-23 {
        width: 95.83333333%
    }

    .col-lg-24 {
        width: 100%
    }

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

    .col-lg-pull-1 {
        right: 4.16666667%
    }

    .col-lg-pull-2 {
        right: 8.33333333%
    }

    .col-lg-pull-3 {
        right: 12.5%
    }

    .col-lg-pull-4 {
        right: 16.66666667%
    }

    .col-lg-pull-5 {
        right: 20.83333333%
    }

    .col-lg-pull-6 {
        right: 25%
    }

    .col-lg-pull-7 {
        right: 29.16666667%
    }

    .col-lg-pull-8 {
        right: 33.33333333%
    }

    .col-lg-pull-9 {
        right: 37.5%
    }

    .col-lg-pull-10 {
        right: 41.66666667%
    }

    .col-lg-pull-11 {
        right: 45.83333333%
    }

    .col-lg-pull-12 {
        right: 50%
    }

    .col-lg-pull-13 {
        right: 54.16666667%
    }

    .col-lg-pull-14 {
        right: 58.33333333%
    }

    .col-lg-pull-15 {
        right: 62.5%
    }

    .col-lg-pull-16 {
        right: 66.66666667%
    }

    .col-lg-pull-17 {
        right: 70.83333333%
    }

    .col-lg-pull-18 {
        right: 75%
    }

    .col-lg-pull-19 {
        right: 79.16666667%
    }

    .col-lg-pull-20 {
        right: 83.33333333%
    }

    .col-lg-pull-21 {
        right: 87.5%
    }

    .col-lg-pull-22 {
        right: 91.66666667%
    }

    .col-lg-pull-23 {
        right: 95.83333333%
    }

    .col-lg-pull-24 {
        right: 100%
    }

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

    .col-lg-push-1 {
        left: 4.16666667%
    }

    .col-lg-push-2 {
        left: 8.33333333%
    }

    .col-lg-push-3 {
        left: 12.5%
    }

    .col-lg-push-4 {
        left: 16.66666667%
    }

    .col-lg-push-5 {
        left: 20.83333333%
    }

    .col-lg-push-6 {
        left: 25%
    }

    .col-lg-push-7 {
        left: 29.16666667%
    }

    .col-lg-push-8 {
        left: 33.33333333%
    }

    .col-lg-push-9 {
        left: 37.5%
    }

    .col-lg-push-10 {
        left: 41.66666667%
    }

    .col-lg-push-11 {
        left: 45.83333333%
    }

    .col-lg-push-12 {
        left: 50%
    }

    .col-lg-push-13 {
        left: 54.16666667%
    }

    .col-lg-push-14 {
        left: 58.33333333%
    }

    .col-lg-push-15 {
        left: 62.5%
    }

    .col-lg-push-16 {
        left: 66.66666667%
    }

    .col-lg-push-17 {
        left: 70.83333333%
    }

    .col-lg-push-18 {
        left: 75%
    }

    .col-lg-push-19 {
        left: 79.16666667%
    }

    .col-lg-push-20 {
        left: 83.33333333%
    }

    .col-lg-push-21 {
        left: 87.5%
    }

    .col-lg-push-22 {
        left: 91.66666667%
    }

    .col-lg-push-23 {
        left: 95.83333333%
    }

    .col-lg-push-24 {
        left: 100%
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

    .col-lg-offset-13 {
        margin-left: 54.16666667%
    }

    .col-lg-offset-14 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-15 {
        margin-left: 62.5%
    }

    .col-lg-offset-16 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-17 {
        margin-left: 70.83333333%
    }

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

    .col-lg-offset-19 {
        margin-left: 79.16666667%
    }

    .col-lg-offset-20 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-21 {
        margin-left: 87.5%
    }

    .col-lg-offset-22 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-23 {
        margin-left: 95.83333333%
    }

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

fieldset {
    margin: 0;
    min-width: 0
}

fieldset, legend {
    padding: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.form-wrapper .control-label, label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    box-sizing: border-box
}

input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px\9;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple], select[size] {
    height: auto
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    padding-top: 7px
}

.form-control, output {
    display: block;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

    .form-control:focus {
        border-color: #66afe9;
        outline: 0;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #999
    }

    .form-control::-webkit-input-placeholder {
        color: #999
    }

    .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
        background-color: #eee;
        opacity: 1
    }

    .form-control[disabled], fieldset[disabled] .form-control {
        cursor: not-allowed
    }

textarea.form-control {
    height: auto
}

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

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type=date].form-control, input[type=datetime-local].form-control, input[type=month].form-control, input[type=time].form-control {
        line-height: 34px
    }

    .input-group-sm input[type=date], .input-group-sm input[type=datetime-local], .input-group-sm input[type=month], .input-group-sm input[type=time], input[type=date].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm, input[type=time].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date], .input-group-lg input[type=datetime-local], .input-group-lg input[type=month], .input-group-lg input[type=time], input[type=date].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg, input[type=time].input-lg {
        line-height: 46px
    }
}

.form-group {
    margin-bottom: 15px
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 12px
}

    .checkbox .form-wrapper .control-label, .checkbox label, .form-wrapper .checkbox .control-label, .form-wrapper .radio .control-label, .radio .form-wrapper .control-label, .radio label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: 400;
        cursor: pointer
    }

    .checkbox-inline input[type=checkbox], .checkbox input[type=checkbox], .radio-inline input[type=radio], .radio input[type=radio] {
        position: absolute;
        margin-left: -20px;
        margin-top: 4px\9
    }

    .checkbox + .checkbox, .radio + .radio {
        margin-top: -5px
    }

.checkbox-inline, .radio-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 400;
    cursor: pointer
}

    .checkbox-inline + .checkbox-inline, .radio-inline + .radio-inline {
        margin-top: 0;
        margin-left: 10px
    }

    .checkbox-inline.disabled, .checkbox.disabled .form-wrapper .control-label, .checkbox.disabled label, .form-wrapper .checkbox.disabled .control-label, .form-wrapper .radio.disabled .control-label, .form-wrapper fieldset[disabled] .checkbox .control-label, .form-wrapper fieldset[disabled] .radio .control-label, .radio-inline.disabled, .radio.disabled .form-wrapper .control-label, .radio.disabled label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .checkbox .form-wrapper .control-label, fieldset[disabled] .checkbox label, fieldset[disabled] .radio-inline, fieldset[disabled] .radio .form-wrapper .control-label, fieldset[disabled] .radio label, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] {
        cursor: not-allowed
    }

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
    min-height: 34px
}

    .form-control-static.input-lg, .form-control-static.input-sm {
        padding-left: 0;
        padding-right: 0
    }

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm, textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

.form-group-sm select.form-control {
    height: 30px;
    line-height: 30px
}

.form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    min-height: 32px;
    padding: 6px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg, textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

.form-group-lg select.form-control {
    height: 46px;
    line-height: 46px
}

.form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    min-height: 38px;
    padding: 11px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

    .has-feedback .form-control {
        padding-right: 42.5px
    }

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.form-group-lg .form-control + .form-control-feedback, .input-group-lg + .form-control-feedback, .input-lg + .form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.form-group-sm .form-control + .form-control-feedback, .input-group-sm + .form-control-feedback, .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.form-wrapper .has-success.checkbox-inline .control-label, .form-wrapper .has-success.checkbox .control-label, .form-wrapper .has-success.radio-inline .control-label, .form-wrapper .has-success.radio .control-label, .has-success .checkbox, .has-success .checkbox-inline, .has-success.checkbox-inline .form-wrapper .control-label, .has-success.checkbox-inline label, .has-success.checkbox .form-wrapper .control-label, .has-success.checkbox label, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.radio-inline .form-wrapper .control-label, .has-success.radio-inline label, .has-success.radio .form-wrapper .control-label, .has-success.radio label {
    color: #3c763d !important
}

.has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-success .form-control:focus {
        border-color: #2b542c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
    }

.has-success .input-group-addon {
    color: #3c763d;
    border-color: #3c763d;
    background-color: #dff0d8
}

.has-success .form-control-feedback {
    color: #3c763d
}

.form-wrapper .has-warning.checkbox-inline .control-label, .form-wrapper .has-warning.checkbox .control-label, .form-wrapper .has-warning.radio-inline .control-label, .form-wrapper .has-warning.radio .control-label, .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning.checkbox-inline .form-wrapper .control-label, .has-warning.checkbox-inline label, .has-warning.checkbox .form-wrapper .control-label, .has-warning.checkbox label, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.radio-inline .form-wrapper .control-label, .has-warning.radio-inline label, .has-warning.radio .form-wrapper .control-label, .has-warning.radio label {
    color: #8a6d3b !important
}

.has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-warning .form-control:focus {
        border-color: #66512c;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
    }

.has-warning .input-group-addon {
    color: #8a6d3b;
    border-color: #8a6d3b;
    background-color: #fcf8e3
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.form-wrapper .has-error.checkbox-inline .control-label, .form-wrapper .has-error.checkbox .control-label, .form-wrapper .has-error.radio-inline .control-label, .form-wrapper .has-error.radio .control-label, .has-error .checkbox, .has-error .checkbox-inline, .has-error.checkbox-inline .form-wrapper .control-label, .has-error.checkbox-inline label, .has-error.checkbox .form-wrapper .control-label, .has-error.checkbox label, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.radio-inline .form-wrapper .control-label, .has-error.radio-inline label, .has-error.radio .form-wrapper .control-label, .has-error.radio label {
    color: #a94442 !important
}

.has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

    .has-error .form-control:focus {
        border-color: #843534;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
    }

.has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede
}

.has-error .form-control-feedback {
    color: #a94442
}

.form-wrapper .has-feedback .control-label ~ .form-control-feedback, .has-feedback .form-wrapper .control-label ~ .form-control-feedback, .has-feedback label ~ .form-control-feedback {
    top: 25px
}

.form-wrapper .has-feedback .sr-only.control-label ~ .form-control-feedback, .has-feedback .form-wrapper .sr-only.control-label ~ .form-control-feedback, .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 12px;
    color: #737373
}

@media (min-width:768px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox, .form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

        .form-inline .checkbox .form-wrapper .control-label, .form-inline .checkbox label, .form-inline .radio .form-wrapper .control-label, .form-inline .radio label, .form-wrapper .form-inline .checkbox .control-label, .form-wrapper .form-inline .radio .control-label {
            padding-left: 0
        }

        .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] {
            position: relative;
            margin-left: 0
        }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 7px
}

.form-horizontal .checkbox, .form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-left: -5px;
    margin-right: -5px
}

    .form-horizontal .form-group:after, .form-horizontal .form-group:before {
        content: " ";
        display: table
    }

    .form-horizontal .form-group:after {
        clear: both
    }

@media (min-width:768px) {
    .form-horizontal .control-label {
        text-align: right;
        margin-bottom: 0;
        padding-top: 7px
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 5px
}

@media (min-width:768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top: 14.333333px;
        font-size: 18px
    }
}

@media (min-width:768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top: 6px;
        font-size: 12px
    }
}

.clearfix:after, .clearfix:before, .footer-bottom-wrapper:after, .footer-bottom-wrapper:before, .footer-contact-wrapper:after, .footer-contact-wrapper:before, .footer-nav-wrapper:after, .footer-nav-wrapper:before, .inner .main-content .content-wrapper:after, .inner .main-content .content-wrapper:before, .inner .trip-planner-wrapper #more-options:after, .inner .trip-planner-wrapper #more-options:before, .inner .trip-planner-wrapper:after, .inner .trip-planner-wrapper:before, .main-content .content ol:after, .main-content .content ol:before, .main-content .content ul:after, .main-content .content ul:before, .maps-notes-wrapper:after, .maps-notes-wrapper:before, .mm-promo:after, .mm-promo:before, .news-banner.image-left:after, .news-banner.image-left:before, .next-arrivals #find-by-route-options:after, .next-arrivals #find-by-route-options:before, .next-arrivals .page-wrapper.service-nearby .next-bus-results:after, .next-arrivals .page-wrapper.service-nearby .next-bus-results:before, .next-arrivals .stop-options-wrapper:after, .next-arrivals .stop-options-wrapper:before, .next-train-results .tables-wrapper:after, .next-train-results .tables-wrapper:before, .page-wrapper.service-nearby #service-results:after, .page-wrapper.service-nearby #service-results:before, .page-wrapper.service-nearby .next-arrivals .next-bus-results:after, .page-wrapper.service-nearby .next-arrivals .next-bus-results:before, .page-wrapper.service-nearby .trip-planner-wrapper:after, .page-wrapper.service-nearby .trip-planner-wrapper:before, .page-wrapper.trip-planner .content-wrapper:after, .page-wrapper.trip-planner .content-wrapper:before, .promo-content:after, .promo-content:before, .related-content-wrapper:after, .related-content-wrapper:before, .service-alerts .alerts-content .simplebar-content:after, .service-alerts .alerts-content .simplebar-content:before, .simplebar-content:after, .simplebar-content:before, .stop-option .sub-option .header-btn:after, .stop-option .sub-option .header-btn:before, .tab-pane#next-train .update:after, .tab-pane#next-train .update:before, .trip-details-header:after, .trip-details-header:before, .trip-planner-results .trip-wrapper:after, .trip-planner-results .trip-wrapper:before {
    content: " ";
    display: table
}

.clearfix:after, .footer-bottom-wrapper:after, .footer-contact-wrapper:after, .footer-nav-wrapper:after, .inner .main-content .content-wrapper:after, .inner .trip-planner-wrapper #more-options:after, .inner .trip-planner-wrapper:after, .main-content .content ol:after, .main-content .content ul:after, .maps-notes-wrapper:after, .mm-promo:after, .news-banner.image-left:after, .next-arrivals #find-by-route-options:after, .next-arrivals .page-wrapper.service-nearby .next-bus-results:after, .next-arrivals .stop-options-wrapper:after, .next-train-results .tables-wrapper:after, .page-wrapper.service-nearby #service-results:after, .page-wrapper.service-nearby .next-arrivals .next-bus-results:after, .page-wrapper.service-nearby .trip-planner-wrapper:after, .page-wrapper.trip-planner .content-wrapper:after, .promo-content:after, .related-content-wrapper:after, .service-alerts .alerts-content .simplebar-content:after, .simplebar-content:after, .stop-option .sub-option .header-btn:after, .tab-pane#next-train .update:after, .trip-details-header:after, .trip-planner-results .trip-wrapper: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
}

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

.visible-print {
    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
    }
}

.visible-print-block {
    display: none !important
}

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

.visible-print-inline {
    display: none !important
}

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

.visible-print-inline-block {
    display: none !important
}

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

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

html {
    font-size: 100%;
    line-height: 1.5em
}

    .ie8-utility-nav-browse-aloud, .ie8-utility-nav-search-white, .ie8-utility-nav-sprite, html.lt-ie9 .global-search input[type=submit], html.lt-ie9 .nav-item-wrapper .browse-aloud a {
        background-image: url(images/ie8-utility-nav-s0a2004fe33.d33e6e3c42802b50dca7a7865440ce18.png);
        background-repeat: no-repeat
    }

.ie8-utility-nav-browse-aloud {
    background-position: 0 0
}

.ie8-utility-nav-search-white {
    background-position: 0 -32px
}

.arrow-large-left-white, .arrow-large-left-white-2x, .arrow-large-right-lt-blue, .arrow-large-right-lt-blue-2x, .arrow-large-right-white, .arrow-large-right-white-2x, .arrow-large-sprite {
    background-image: url(images/arrow-large-se545d2bb62.19b333ffa6cbd90c4ce2532f7ceb5b78.png);
    background-repeat: no-repeat
}

.arrow-large-left-white-2x {
    background-position: 0 0
}

.arrow-large-left-white {
    background-position: 0 -125px
}

.arrow-large-right-lt-blue-2x {
    background-position: 0 -209px
}

.arrow-large-right-lt-blue {
    background-position: 0 -334px
}

.arrow-large-right-white-2x {
    background-position: 0 -418px
}

.arrow-large-right-white {
    background-position: 0 -539px
}

.breadcrumb a, .footer-nav a, .next-arrivals .next-arrival-form .find-by-route-toggle:hover, .related-content-wrapper .related-boxes-wrapper > a, .share .at-share-btn, .side-nav a, .trip-details-header .trip-utilities li a, a.button-lt-blue:hover, a.button-twitter:hover, a.button:hover {
    border-bottom: none !important;
    text-decoration: none !important
}

.actions-grid-item h2, .home .promo-header {
    text-align: center;
    font-size: 1.625em;
    padding-bottom: 20px;
    font-weight: 300
}

    .actions-grid-item h2:after, .home .promo-header:after {
        background: #5481b3;
        content: "";
        display: block;
        height: 1px;
        margin: 10px auto;
        width: 45%
    }

.inner-service-alerts .panel-content .more-arrow:after, .next-arrivals .next-arrival-form .find-by-route-toggle:after, .trip-planner-wrapper .form-footer .toggle-options:after {
    font-family: Arial,sans-serif;
    color: #000;
    font-size: 20px;
    padding-left: 8px;
    vertical-align: 2px;
    display: inline-block
}

.maps-bus-content, .maps-bus-rail-content, .maps-rail-content, .maps-wrapper, .next-arrivals .next-arrivals-wrapper, .next-arrivals .next-bus-results, .next-train-results, .status .system-status {
    background: #fff;
    border: 1px solid #537da9;
    border-left: 0;
    border-right: 0;
    height: auto;
    max-width: 1200px;
    padding: .5em;
    position: relative
}

@media (min-width:768px) {
    .maps-bus-content, .maps-bus-rail-content, .maps-rail-content, .maps-wrapper, .next-arrivals .next-arrivals-wrapper, .next-arrivals .next-bus-results, .next-train-results, .status .system-status {
        border: 1px solid #537da9;
        padding: 2em
    }
}

.next-arrivals .page-wrapper.service-nearby .next-bus-results, .page-wrapper.service-nearby #service-results, .page-wrapper.service-nearby .next-arrivals .next-bus-results, .page-wrapper.service-nearby .trip-planner-wrapper, .page-wrapper.trip-planner .content-wrapper {
    border: 1px solid #5481b3;
    min-height: auto
}

.form-wrapper .global-search .control-label, .global-search .form-wrapper .control-label, .global-search label, .visually-hidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

    .form-wrapper .global-search .focusable.control-label:active, .form-wrapper .global-search .focusable.control-label:focus, .global-search .form-wrapper .focusable.control-label:active, .global-search .form-wrapper .focusable.control-label:focus, .global-search label.focusable:active, .global-search label.focusable:focus, .visually-hidden.focusable:active, .visually-hidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.button-lt-blue, .button-twitter, .inner-service-alerts .panel-content input.lt-blue[type=submit], .lt-blue.button, .lt-blue.button-lt-blue, .lt-blue.button-twitter, .main-content input.lt-blue[type=submit], .service-alerts input.lt-blue[type=submit], .trip-planner-wrapper .form-footer input.lt-blue, button.lt-blue {
    background: #c7dbf1 !important;
    box-shadow: 0 5px 0 0 rgba(84,129,179,.5) !important
}

.inner-service-alerts .panel-content .no-boxshadow input.lt-blue[type=submit], .main-content .no-boxshadow input.lt-blue[type=submit], .no-boxshadow .button-lt-blue, .no-boxshadow .button-twitter, .no-boxshadow .inner-service-alerts .panel-content input.lt-blue[type=submit], .no-boxshadow .lt-blue.button, .no-boxshadow .main-content input.lt-blue[type=submit], .no-boxshadow .service-alerts input.lt-blue[type=submit], .no-boxshadow .trip-planner-wrapper .form-footer input.lt-blue, .no-boxshadow button.lt-blue, .service-alerts .no-boxshadow input.lt-blue[type=submit], .trip-planner-wrapper .form-footer .no-boxshadow input.lt-blue {
    border-bottom: 5px solid #7fa1c6
}

.button, .button-lt-blue, .button-twitter, .inner-service-alerts .panel-content input[type=submit], .main-content input[type=submit], .service-alerts input[type=submit], .trip-planner-wrapper .form-footer input, button, input.button {
    box-shadow: 0 5px 0 0 rgba(84,129,179,.75);
    background: #0a1a2b;
    border: none;
    color: #fff !important;
    display: block;
    font-size: 16px;
    height: auto;
   /* padding: 8.5px 24px;*/
    text-align: center;
    text-transform: uppercase;
    vertical-align: center;
    width: 100%
}

    .button-lt-blue:hover, .button-twitter:hover, .button:hover, .inner-service-alerts .panel-content input[type=submit]:hover, .main-content input[type=submit]:hover, .service-alerts input[type=submit]:hover, .trip-planner-wrapper .form-footer input:hover, button:hover {
        background-color: #4b77a6;
        color: #fff !important
    }

.inner-service-alerts .panel-content .no-boxshadow input[type=submit], .main-content .no-boxshadow input[type=submit], .no-boxshadow .button, .no-boxshadow .button-lt-blue, .no-boxshadow .button-twitter, .no-boxshadow .inner-service-alerts .panel-content input[type=submit], .no-boxshadow .main-content input[type=submit], .no-boxshadow .service-alerts input[type=submit], .no-boxshadow .trip-planner-wrapper .form-footer input, .no-boxshadow button, .service-alerts .no-boxshadow input[type=submit], .trip-planner-wrapper .form-footer .no-boxshadow input {
    border-bottom: 5px solid #a9c0d9 !important
}

.inner-service-alerts .panel-content input.lt-blue[type=submit], .lt-blue.button, .lt-blue.button-lt-blue, .lt-blue.button-twitter, .main-content input.lt-blue[type=submit], .service-alerts input.lt-blue[type=submit], .trip-planner-wrapper .form-footer input.lt-blue, button.lt-blue {
    color: #333 !important
}

a.button, a.button-lt-blue, a.button-twitter {
    display: block;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-bottom: none !important
}

    .main-content a.button:hover, a.button:hover {
        color: #fff !important
    }

.button-lt-blue, .button-twitter {
    color: #333 !important
}

    .button-lt-blue:hover, .button-twitter:hover {
        background-color: #edf4fb !important;
        color: #333 !important
    }

.main-content a.button-lt-blue:hover, .main-content a.button-twitter:hover {
    color: #333 !important
}

.button-twitter {
    background: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png) no-repeat 6px -475px/22px #c7dbf1 !important;
    padding-left: 34px
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
   /* background-image: url(images/form-s4d3995f731.fcbc1b91fee8309b4843a448c4441ca2.png);*/
    background-repeat: no-repeat;
    background-position: 94% 18px !important;
    background-size: 24px;
    background-color: #fff;
    border: 1px solid #6082aa;
    border-radius: 0;
    color: #000;
    font-weight: 300;
    height: 45px;
    line-height: 1.2;
    padding: 0 40px 0 8px;
    margin: 10px 0
}

    select::-ms-expand {
        display: none
    }

html.ie9 select, html.lt-ie9 select {
    background: none;
    padding-right: 0
}

html.lt-ie9 select {
    height: auto;
    margin-bottom: 20px
}

select[multiple] {
    border-radius: 0;
    border-color: #5481b3;
    margin-top: 0
}

    select[multiple] option {
        padding: 5px 0
    }

.form-wrapper .control-label, label {
    font-weight: 400;
    font-size: 1.125em;
    color: #3b6798 !important
}

    .form-wrapper .hidden.control-label, label.hidden {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

legend {
    font-size: inherit
}

.form-wrapper .form-control {
    background-color: #fff;
    /*background-image: url(images/form-s4d3995f731.fcbc1b91fee8309b4843a448c4441ca2.png);*/
    background-position: 94% 18px !important;
    background-repeat: no-repeat;
    background-size: 24px auto;
    border: 1px solid #6082aa;
    border-radius: 0;
    color: #000;
    font-weight: 300;
    height: 45px;
    line-height: 1.2;
    margin: 10px 0;
    padding: 0 40px 0 8px;
    width: auto
}

.main-content legend {
    border: 0
}

.inner-service-alerts input[type=date], .inner-service-alerts input[type=email], .inner-service-alerts input[type=phone], .inner-service-alerts input[type=text], .inner-service-alerts input[type=time], .main-content input[type=date], .main-content input[type=email], .main-content input[type=password], .main-content input[type=phone], .main-content input[type=text], .main-content input[type=time], .service-alerts input[type=date], .service-alerts input[type=email], .service-alerts input[type=phone], .service-alerts input[type=text], .service-alerts input[type=time] {
    border: 1px solid #6082aa;
    height: 45px;
    margin: 10px 0;
    padding: 8px;
    position: relative;
    top: 3px;
    width: 100%
}

.main-content textarea {
    border: 1px solid #6082aa;
    padding: 8px
}

@media (min-width:768px) {
    .main-content input[type=email] {
        /*background: url(images/form-s4d3995f731.fcbc1b91fee8309b4843a448c4441ca2.png) no-repeat 10px -152px/25px transparent;*/
        padding-left: 40px
    }
}

html.lt-ie9 .main-content input[type=email] {
    background-image: none
}

body:not(.lt-ie9) input[type=checkbox], body:not(.lt-ie9) input[type=radio] {
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    position: absolute
}

    .form-wrapper body:not(.lt-ie9) input[type=checkbox] + .control-label, .form-wrapper body:not(.lt-ie9) input[type=radio] + .control-label, body:not(.lt-ie9) .form-wrapper input[type=checkbox] + .control-label, body:not(.lt-ie9) .form-wrapper input[type=radio] + .control-label, body:not(.lt-ie9) input[type=checkbox] + label, body:not(.lt-ie9) input[type=radio] + label {
        position: relative;
        margin-right: 30px;
        padding-left: 20px
    }

        .form-wrapper body:not(.lt-ie9) input[type=checkbox] + .control-label:before, .form-wrapper body:not(.lt-ie9) input[type=radio] + .control-label:before, body:not(.lt-ie9) .form-wrapper input[type=checkbox] + .control-label:before, body:not(.lt-ie9) .form-wrapper input[type=radio] + .control-label:before, body:not(.lt-ie9) input[type=checkbox] + label:before, body:not(.lt-ie9) input[type=radio] + label:before {
            background: #fff;
            border-radius: 20px;
            content: "";
            display: inline-block;
            height: 17px;
            left: 0;
            position: absolute;
            top: 2px;
            width: 17px;
            border: 3px solid #5481b3
        }

    .form-wrapper body:not(.lt-ie9) input[type=checkbox]:checked + .control-label:before, .form-wrapper body:not(.lt-ie9) input[type=radio]:checked + .control-label:before, body:not(.lt-ie9) .form-wrapper input[type=checkbox]:checked + .control-label:before, body:not(.lt-ie9) .form-wrapper input[type=radio]:checked + .control-label:before, body:not(.lt-ie9) input[type=checkbox]:checked + label:before, body:not(.lt-ie9) input[type=radio]:checked + label:before {
        background: #5481b3
    }

    .form-wrapper body:not(.lt-ie9) input[type=checkbox]:focus + .control-label, .form-wrapper body:not(.lt-ie9) input[type=radio]:focus + .control-label, body:not(.lt-ie9) .form-wrapper input[type=checkbox]:focus + .control-label, body:not(.lt-ie9) .form-wrapper input[type=radio]:focus + .control-label, body:not(.lt-ie9) input[type=checkbox]:focus + label, body:not(.lt-ie9) input[type=radio]:focus + label {
        border: 1px dotted grey
    }

    .form-wrapper body:not(.lt-ie9) input[type=checkbox] + .control-label:before, body:not(.lt-ie9) .form-wrapper input[type=checkbox] + .control-label:before, body:not(.lt-ie9) input[type=checkbox] + label:before {
        border-radius: 0
    }

    .form-wrapper body:not(.lt-ie9) input[type=checkbox]:checked + .control-label:before, body:not(.lt-ie9) .form-wrapper input[type=checkbox]:checked + .control-label:before, body:not(.lt-ie9) input[type=checkbox]:checked + label:before {
        background: #fff;
        content: "\2713";
        font-family: Arial,sans-serif;
        color: #5481b3;
        font-size: 23px;
        line-height: 6px
    }

.inner-service-alerts .panel-content input[type=submit], .main-content input[type=submit], .service-alerts input[type=submit], input.button {
    color: #fff !important
}

.location > div {
    width: 100%
}

    .location > div:after, .location > div:before {
        content: " ";
        display: table
    }

    .location > div:after {
        clear: both
    }

.form-wrapper .location .control-label, .location .form-wrapper .control-label, .location label {
    background: #3b6798;
    color: #fff !important;
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 17%;
    font-size: .75em
}

.location input {
    border: none;
    padding-left: 10px;
    height: 45px;
    width: 83%;
    font-size: .875em
}

    .location input:first-child {
        margin-bottom: 15px
    }

@media (min-width:768px) {
    .form-wrapper .location .control-label, .location .form-wrapper .control-label, .location label {
        width: 12%;
        font-size: 16px
    }

    .location input {
        width: 88%;
        font-size: 16px
    }
}

.main-content .content .nav-tabs-dark-blue, .nav-tabs-dark-blue {
    border: 0;
    padding-left: 0
}

    .main-content .content .nav-tabs-dark-blue li, .nav-tabs-dark-blue li {
        padding-bottom: 0;
        text-align: center;
        width: 100%
    }

@media (min-width:768px) {
    .main-content .content .nav-tabs-dark-blue li, .nav-tabs-dark-blue li {
        padding-bottom: 20px;
        width: auto
    }
}

.main-content .content .nav-tabs-dark-blue > li > a, .nav-tabs-dark-blue > li > a {
    background-color: #fff;
    color: #5481b3;
    margin: 0;
    border: 1px solid #537da9;
    border-radius: 0
}

    .main-content .content .nav-tabs-dark-blue > li > a:hover, .nav-tabs-dark-blue > li > a:hover {
        background-color: #edf4fc;
        color: #5481b3 !important
    }

.main-content .content .nav-tabs-dark-blue > li.active > a, .nav-tabs-dark-blue > li.active > a {
    background-color: #4679b0;
    color: #fff
}

    .main-content .content .nav-tabs-dark-blue > li.active > a:hover, .nav-tabs-dark-blue > li.active > a:hover {
        background-color: #4679b0;
        color: #fff !important
    }

.main-content .content .nav-tabs-transparent, .nav-tabs-transparent {
    border: 0;
    padding-left: 0
}

    .main-content .content .nav-tabs-transparent li, .nav-tabs-transparent li {
        padding-bottom: 0;
        text-align: center;
        width: 100%
    }

@media (min-width:768px) {
    .main-content .content .nav-tabs-transparent li, .nav-tabs-transparent li {
        padding-bottom: 20px;
        width: auto
    }
}

.main-content .content .nav-tabs-transparent > li, .nav-tabs-transparent > li {
    padding-bottom: 0
}

    .main-content .content .nav-tabs-transparent > li > a, .nav-tabs-transparent > li > a {
        background-color: #fff;
        color: #5481b3;
        margin: 0;
        border: 1px solid #537da9;
        border-radius: 0
    }

@media (min-width:768px) {
    .main-content .content .nav-tabs-transparent > li > a, .nav-tabs-transparent > li > a {
        border-left: none
    }
}

.main-content .content .nav-tabs-transparent > li > a:hover, .nav-tabs-transparent > li > a:hover {
    background-color: transparent
}

.main-content .content .nav-tabs-transparent > li.active > a, .nav-tabs-transparent > li.active > a {
    background-color: transparent;
    color: #5481b3
}

@media (min-width:768px) {
    .main-content .content .nav-tabs-transparent > li.active > a, .nav-tabs-transparent > li.active > a {
        border-bottom: none
    }
}

.main-content .content .nav-tabs-transparent > li:nth-child(0n+1) > a, .nav-tabs-transparent > li:nth-child(0n+1) > a {
    border-left: 1px solid #537da9
}

.main-content .content .nav-tabs-white-large, .nav-tabs-white-large {
    border: 0;
    padding-left: 0;
    z-index: 100;
    position: relative
}

    .main-content .content .nav-tabs-white-large li, .nav-tabs-white-large li {
        padding-bottom: 0;
        text-align: center;
        width: 100%
    }

@media (min-width:768px) {
    .main-content .content .nav-tabs-white-large li, .nav-tabs-white-large li {
        padding-bottom: 0;
        width: auto
    }
}

.main-content .content .nav-tabs-white-large > li, .nav-tabs-white-large > li {
    border: 1px solid #537da9;
    border-left: 0;
    border-radius: 0;
    padding-bottom: 0;
    width: 33.33% !important
}

    .main-content .content .nav-tabs-white-large > li > a, .nav-tabs-white-large > li > a {
        background-color: #edf4fc;
        border: none;
        color: #333;
        font-size: 16px;
        font-weight: 300;
        margin: 0;
        padding: 30px 0 !important
    }

        .main-content .content .nav-tabs-white-large > li > a:hover, .nav-tabs-white-large > li > a:hover {
            background-color: #fff
        }

@media (min-width:768px) {
    .main-content .content .nav-tabs-white-large > li > a, .nav-tabs-white-large > li > a {
        padding: 100px 0 30px !important
    }

    html.lt-ie9 .main-content .content .nav-tabs-white-large > li > a, html.lt-ie9 .nav-tabs-white-large > li > a {
        padding: 50px 0 !important
    }
}

@media (min-width:992px) {
    .main-content .content .nav-tabs-white-large > li > a, .nav-tabs-white-large > li > a {
        font-size: 24px
    }
}

.main-content .content .nav-tabs-white-large > li.active, .nav-tabs-white-large > li.active {
    border-bottom: none
}

    .main-content .content .nav-tabs-white-large > li.active > a, .nav-tabs-white-large > li.active > a {
        background-color: #fff;
        border-bottom: 1px solid #fff
    }

.main-content .content .nav-tabs-white-large > li:nth-child(0n+1), .nav-tabs-white-large > li:nth-child(0n+1) {
    border-left: 1px solid #537da9
}

.main-content .content .nav-tabs-white-large .tab-bus-rail, .nav-tabs-white-large .tab-bus-rail {
    background: url(images/s04-bus-lt-blue.8c7703ad133877d7f601e61f2a42aa06.png) no-repeat,url(images/s07-train-lt-blue.66514ef64b820677bf586441f62bbf16.png) no-repeat 70px 0;
    background-size: 50%
}

.main-content .content .nav-tabs-white-large .tab-bus:before, .nav-tabs-white-large .tab-bus:before {
    background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
    background-size: 100%;
    background-position: 0 16.36536632%;
    content: "";
    display: block;
    height: 0;
    padding-bottom: 81.57894737%;
    width: 100%
}

html.lt-ie9 .main-content .content .nav-tabs-white-large .tab-bus, html.lt-ie9 .nav-tabs-white-large .tab-bus {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s04-bus-lt-blue.png",sizingMethod="scale")
}

    html.lt-ie9 .main-content .content .nav-tabs-white-large .tab-bus:before, html.lt-ie9 .nav-tabs-white-large .tab-bus:before {
        display: none
    }

.main-content .content .nav-tabs-white-large .tab-rail:before, .nav-tabs-white-large .tab-rail:before {
    background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
    background-size: 100%;
    background-position: 0 27.49762131%;
    content: "";
    display: block;
    height: 0;
    padding-bottom: 81.57894737%;
    width: 100%
}

html.lt-ie9 .main-content .content .nav-tabs-white-large .tab-rail, html.lt-ie9 .nav-tabs-white-large .tab-rail {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s07-train-lt-blue.png",sizingMethod="scale")
}

    html.lt-ie9 .main-content .content .nav-tabs-white-large .tab-rail:before, html.lt-ie9 .nav-tabs-white-large .tab-rail:before {
        display: none
    }

.main-content .content .nav-tabs-white-large .tab-bus, .main-content .content .nav-tabs-white-large .tab-bus-rail, .main-content .content .nav-tabs-white-large .tab-rail, .nav-tabs-white-large .tab-bus, .nav-tabs-white-large .tab-bus-rail, .nav-tabs-white-large .tab-rail {
    height: 68px;
    left: 50%;
    margin: 0 0 0 -34px;
    position: absolute;
    top: 30px;
    width: 68px;
    z-index: 5;
    display: none
}

@media (min-width:768px) {
    .main-content .content .nav-tabs-white-large .tab-bus, .main-content .content .nav-tabs-white-large .tab-bus-rail, .main-content .content .nav-tabs-white-large .tab-rail, .nav-tabs-white-large .tab-bus, .nav-tabs-white-large .tab-bus-rail, .nav-tabs-white-large .tab-rail {
        display: block
    }
}

html.lt-ie9 .main-content .content .nav-tabs-white-large .tab-bus, html.lt-ie9 .main-content .content .nav-tabs-white-large .tab-bus-rail, html.lt-ie9 .main-content .content .nav-tabs-white-large .tab-rail, html.lt-ie9 .nav-tabs-white-large .tab-bus, html.lt-ie9 .nav-tabs-white-large .tab-bus-rail, html.lt-ie9 .nav-tabs-white-large .tab-rail {
    display: none
}

.main-content .content .nav-tabs-white-large .tab-bus-rail, .nav-tabs-white-large .tab-bus-rail {
    width: 140px;
    margin-left: -70px
}

.help-block.with-errors li {
    color: red !important
}

.img-box, .img-box-center, .img-box-left, .img-box-right {
    border: 1px solid #4b77a8;
    box-shadow: 0 5px 0 0 #9fb9d4;
    margin-bottom: 40px
}

    .img-box-center img, .img-box-left img, .img-box-right img, .img-box img {
        margin: 0 auto !important
    }

@media (min-width:640px) {
    .img-box, .img-box-center, .img-box-left, .img-box-right {
        width: 40%
    }
}

.img-box-center .img-box-content, .img-box-left .img-box-content, .img-box-right .img-box-content, .img-box .img-box-content {
    padding: 8px
}

.img-box-center .caption, .img-box-left .caption, .img-box-right .caption, .img-box .caption {
    margin-top: 10px;
    text-align: center
}

@media (min-width:640px) {
    .img-box-center .caption, .img-box-left .caption, .img-box-right .caption, .img-box .caption {
        text-align: left
    }
}

.img-box-center .caption p, .img-box-left .caption p, .img-box-right .caption p, .img-box .caption p {
    color: #000;
    font-size: .6875em;
    margin: 8px 0 0
}

@media (min-width:640px) {
    .img-box-right {
        float: right;
        margin: 0 0 10px 10px
    }
}

@media (min-width:640px) {
    .img-box-left {
        float: left;
        margin: 0 10px 10px 0
    }
}

@media (min-width:640px) {
    .img-box-center {
        margin: 20px auto
    }
}

.main-content .content ol, .main-content .content ul {
    padding-left: 15px
}

    .main-content .content ol ol, .main-content .content ol ul, .main-content .content ul ol, .main-content .content ul ul {
        padding-left: 20px !important;
        padding-top: 15px
    }

        .main-content .content ol ol li:last-child, .main-content .content ol ul li:last-child, .main-content .content ul ol li:last-child, .main-content .content ul ul li:last-child {
            padding-bottom: 0
        }

.main-content .content li {
    padding-bottom: 20px
}

.main-content .content ol ol li {
    list-style-type: lower-alpha
}

ul.arrow-bullets, ul.pdf {
    list-style: none;
    padding-left: 0 !important;
    margin-bottom: 20px
}

    ul.arrow-bullets li {
        position: relative;
        padding-left: 10px;
        padding-bottom: 10px !important;
        font-size: .875em
    }

        ul.arrow-bullets li:before {
            content: "\00BB";
            font-family: Arial,sans-serif;
            position: absolute;
            left: 0;
            font-size: 12px
        }

    ul.pdf li {
        position: relative;
        padding-left: 25px;
        line-height: 25px;
        padding-bottom: 10px !important;
        font-size: .875em
    }

        ul.pdf li:before {
            content: "";
            background: url(images/file-pdf.eb430abba19498d34bc0e0d6d78b3c03.png) no-repeat 0 0 transparent;
            width: 20px;
            height: 23px;
            position: absolute;
            left: 0
        }

@media (max-width:768px) {
    table.table-responsive-stacked {
        border-top: 2px solid #537da9;
        width: 100% !important
    }

        table.table-responsive-stacked td {
            min-height: 40px;
            width: auto !important
        }

        table.table-responsive-stacked tbody, table.table-responsive-stacked td, table.table-responsive-stacked th, table.table-responsive-stacked thead, table.table-responsive-stacked tr {
            display: block
        }

            table.table-responsive-stacked thead tr, table.table-responsive-stacked thead tr:first-child {
                left: -9999px;
                position: absolute;
                top: -9999px
            }

        table.table-responsive-stacked tr {
            background-color: #fff;
            border: 0;
            border-bottom: 1px solid #537da9
        }

            table.table-responsive-stacked tr:nth-child(2n), table.table-responsive-stacked tr:nth-child(4n) {
                background-color: #fff
            }

        table.table-responsive-stacked.has-header td {
            border: 0;
            padding-left: 50%;
            position: relative
        }

            table.table-responsive-stacked.has-header td:before {
                content: attr(data-content);
                font-weight: 700;
                height: 50px;
                left: 6px;
                padding-right: 10px;
                position: absolute;
                text-align: left;
                top: 6px;
                width: 40%;
                word-wrap: break-word
            }

        table.table-responsive-stacked td.small-padding {
            padding-bottom: 5px;
            padding-top: 5px
        }

        table.table-responsive-stacked td.medium-padding {
            padding-bottom: 15px;
            padding-top: 15px
        }

        table.table-responsive-stacked td.large-padding {
            padding-bottom: 25px;
            padding-top: 25px
        }
}

.table-responsive-scrolling-wrap {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-y: hidden;
    width: 100%
}

    .table-responsive-scrolling-wrap > table {
        min-width: 640px
    }

@media (max-width:768px) {
    .table-responsive-scrolling-wrap {
        border: 1px solid #537da9;
        padding: .5em
    }

        .table-responsive-scrolling-wrap::-webkit-scrollbar-thumb {
            background-color: rgba(0,0,0,.5);
            border: 3px solid #fff;
            border-radius: 8px;
            -webkit-box-shadow: 0 0 1px hsla(0,0%,100%,.5);
            margin: 2px
        }

        .table-responsive-scrolling-wrap::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 8px
        }
}

@media (min-width:768px) {
    .table-responsive-scrolling-wrap {
        min-height: .01%;
        overflow-x: auto
    }
}

body {
    color: #333;
    font-size: 16px;
    font-family: Lato,sans-serif,Helvetica,Arial;
    min-width: 320px
}

.main-content h1, .main-content h2, .main-content h3 {
    font-weight: 300
}

.main-content h1 {
    font-size: 30px
}

@media (min-width:992px) {
    .main-content h1 {
        font-size: 45px
    }
}

.main-content h2 {
    font-size: 25px
}

@media (min-width:992px) {
    .main-content h2 {
        font-size: 34px
    }
}

.main-content h3 {
    font-size: 20px
}

@media (min-width:992px) {
    .main-content h3 {
        font-size: 28px
    }
}

.main-content h4 {
    font-weight: 700;
    font-size: 16px
}

.main-content a {
    border-bottom: 1px solid #4b77a8
}

    .main-content a:hover {
        text-decoration: none;
        color: #4b77a8 !important
    }

.main-content p {
    margin-bottom: 20px
}

.inner .main-content .content * {
    color: #333
}

.main-content .small-text {
    font-size: .75em
}

.link-dark-bg, .news-banner a {
    color: #fff;
    border-bottom: 1px solid #84aad1
}

    .link-dark-bg:hover, .news-banner a:hover {
        color: #84aad1 !important
    }

.red-text, .station-tabs-wrapper .nav-tabs li .inline-alert span {
    color: #be462b !important
}

.breadcrumb {
    display: none
}

@media (min-width:768px) {
    .breadcrumb {
        display: block;
        padding: 25px 0 0;
        background: transparent;
        border-radius: 0
    }
}

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

.breadcrumb li {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: .75em;
    color: #696969
}

.breadcrumb a {
    color: #5481b3
}

    .breadcrumb a:after {
        color: #888;
        content: "|";
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px
    }

@media (min-width:768px) {
    .page-wrapper.error-page .main-content {
        position: relative
    }
}

@media (min-width:768px) {
    .main-nav-wrapper nav > ul .page-wrapper.error-page .main-content .mm-content, .page-wrapper.error-page .main-content .container, .page-wrapper.error-page .main-content .footer-contact, .page-wrapper.error-page .main-content .footer-nav, .page-wrapper.error-page .main-content .main-nav-wrapper nav > ul .mm-content, .page-wrapper.error-page .main-content .video-wrapper {
        position: absolute;
        background: transparent;
        left: 50%;
        width: 55%;
        margin-left: -27.5%;
        top: 25%
    }
}

@media (min-width:992px) {
    .main-nav-wrapper nav > ul .page-wrapper.error-page .main-content .mm-content, .page-wrapper.error-page .main-content .container, .page-wrapper.error-page .main-content .footer-contact, .page-wrapper.error-page .main-content .footer-nav, .page-wrapper.error-page .main-content .main-nav-wrapper nav > ul .mm-content, .page-wrapper.error-page .main-content .video-wrapper {
        width: 45%;
        margin-left: -22.5%
    }
}

@media (min-width:1500px) {
    .main-nav-wrapper nav > ul .page-wrapper.error-page .main-content .mm-content, .page-wrapper.error-page .main-content .container, .page-wrapper.error-page .main-content .footer-contact, .page-wrapper.error-page .main-content .footer-nav, .page-wrapper.error-page .main-content .main-nav-wrapper nav > ul .mm-content, .page-wrapper.error-page .main-content .video-wrapper {
        width: 35%;
        margin-left: -17.5%
    }
}

@media (min-width:768px) {
    .page-wrapper.error-page .main-content .content-wrapper {
        background: #333;
        min-height: 100%
    }

        .page-wrapper.error-page .main-content .content-wrapper * {
            color: #fff
        }
}

.page-wrapper.error-page .error-message {
    font-weight: 300
}

    .page-wrapper.error-page .error-message h1 {
        margin: 0;
        font-size: 2.1875em
    }

    .page-wrapper.error-page .error-message p {
        margin-bottom: 5px;
        font-size: 1.125em
    }

    .page-wrapper.error-page .error-message .large-text {
        font-size: 1.5em;
        margin: 20px 0 10px
    }

@media (min-width:768px) {
    .page-wrapper.error-page .error-message a {
        border-bottom: 1px solid #84aad1
    }

        .page-wrapper.error-page .error-message a:hover {
            color: #84aad1 !important
        }
}

.full-page-image-wrapper img {
    display: none
}

@media (min-width:768px) {
    .full-page-image-wrapper {
        height: 0;
        padding-bottom: 40%;
        position: relative;
        z-index: -1
    }

        .full-page-image-wrapper:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 125%;
            left: 0;
            top: 0;
            z-index: 1;
            background-color: rgba(15,74,164,.6);
            background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIwIiB5MT0iLjUiIHgyPSIxIiB5Mj0iLjUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwZjRhYTQiIHN0b3Atb3BhY2l0eT0iLjciLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzM2NjVhYiIgc3RvcC1vcGFjaXR5PSIuNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FjZDNlYiIgc3RvcC1vcGFjaXR5PSIuNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=");
            background-size: 100%;
            background-image: linear-gradient(90deg,rgba(15,74,164,.7),rgba(54,101,171,.7) 50%,rgba(172,211,235,.7))
        }

    html.lt-ie9 .full-page-image-wrapper:before {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#990F4AA4,endColorstr=#990F4AA4);
        zoom: 1;
        background-image: none
    }

    .full-page-image-wrapper .full-page-image {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

        .full-page-image-wrapper .full-page-image img {
            display: block;
            width: 100%
        }
}

footer {
    margin-top: 40px
}

@media (min-width:768px) {
    footer {
        margin-top: 70px
    }
}

.footer-nav-wrapper {
    background: #5d8cba
}

@media (min-width:992px) {
    .footer-nav-wrapper {
        border-top: 70px solid #84aad1
    }
}

.col-wrapper {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    .col-wrapper {
        float: left;
        width: 87.5%
    }
}

.footer-col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    .footer-col {
        float: left;
        width: 33.33333333%
    }
}

.footer-nav * {
    color: #fff
}

.footer-nav .logo {
    display: none
}

@media (min-width:992px) {
    .footer-nav .logo {
        display: block;
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (min-width:992px) and (min-width:992px) {
    .footer-nav .logo {
        float: left;
        width: 8.33333333%
    }
}

@media (min-width:992px) {
    .footer-nav .logo img {
        position: absolute;
        top: -50px
    }
}

.footer-nav .footer-col {
    margin-top: 40px
}

@media (min-width:992px) {
    .footer-nav .footer-col {
        margin-top: -38px;
        margin-bottom: -25px
    }
}

.footer-nav ul {
    padding: 0
}

.footer-nav li {
    list-style: none;
    line-height: 1;
    margin-bottom: 18px
}

    .footer-nav li li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0
    }

@media (min-width:992px) {
    .footer-nav li.header {
        margin-bottom: 50px !important;
        margin-top: 0
    }
}

@media (min-width:768px) {
    .footer-nav a {
        font-size: 1.125em
    }
}

.footer-nav a:active, .footer-nav a:hover {
    color: #cedcea !important;
    border-color: #fff
}

.footer-contact-wrapper {
    background: #4b77a6;
    padding: 30px 0 50px
}

    .footer-contact-wrapper * {
        color: #ffff
    }

@media (min-width:992px) {
    .footer-contact-wrapper .footer-col:first-child {
        background: url(images/footer-phone.f824cde893d4c2951309a71f4848185e.png) no-repeat 0 0/50px transparent
    }

        .footer-contact-wrapper .footer-col:first-child p {
            margin-left: 65px
        }
}

.footer-bottom-wrapper {
    background: #3e3e3e;
    padding-bottom: 90px
}

@media (min-width:1310px) {
    .footer-bottom-wrapper {
        padding-bottom: 0
    }
}

.footer-bottom-wrapper .footer-bottom * {
    color: #fff;
    font-size: .9375em
}

.footer-bottom-wrapper .footer-bottom ul {
    padding: 0
}

@media (min-width:992px) {
    .footer-bottom-wrapper .footer-bottom ul {
        margin: 0;
        padding: 0;
        border: 0
    }

        .footer-bottom-wrapper .footer-bottom ul:after, .footer-bottom-wrapper .footer-bottom ul:before {
            content: " ";
            display: table
        }

        .footer-bottom-wrapper .footer-bottom ul:after {
            clear: both
        }

        .footer-bottom-wrapper .footer-bottom ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0;
            white-space: nowrap;
            float: left;
            padding-left: 4px;
            padding-right: 4px
        }

            .footer-bottom-wrapper .footer-bottom ul li:first-child {
                padding-left: 0
            }

            .footer-bottom-wrapper .footer-bottom ul li.last, .footer-bottom-wrapper .footer-bottom ul li:last-child {
                padding-right: 0
            }
}

.footer-bottom-wrapper .footer-bottom li {
    list-style: none
}

    .footer-bottom-wrapper .footer-bottom li li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0
    }

.footer-bottom-wrapper .copyright, .footer-bottom-wrapper .footer-bottom-links {
    margin-left: 20px;
    line-height: 35px
}

@media (min-width:992px) {
    .footer-bottom-wrapper .copyright, .footer-bottom-wrapper .footer-bottom-links {
        line-height: 75px;
        vertical-align: middle
    }

    .footer-bottom-wrapper .copyright {
        float: left
    }

    .footer-bottom-wrapper .footer-bottom-links {
        float: right;
        margin-left: 0;
        margin-right: 20px
    }

        .footer-bottom-wrapper .footer-bottom-links li {
            margin-left: 45px !important
        }

            .footer-bottom-wrapper .footer-bottom-links li:first-child {
                margin-left: 0
            }
}

ul.footer-social-media {
    margin: 70px 0 0;
    padding: 0
}

    ul.footer-social-media li {
        background: url(images/social-media-sec0eb56c20.3449b63dc49dfd28cb1bb64fe42ba0ac.png) no-repeat 0 0 transparent;
        display: inline-block;
        margin: 0 20px 0 0
    }

        ul.footer-social-media li#footer-sm-fb {
            background-position: 0 0;
            margin-right: 12px
        }

        ul.footer-social-media li#footer-sm-tw {
            background-position: 0 -80px
        }

        ul.footer-social-media li#footer-sm-yt {
            background-position: 0 -160px
        }

        ul.footer-social-media li:hover {
            opacity: .7
        }

        ul.footer-social-media li a {
            text-indent: -99999em;
            display: block;
            width: 40px;
            height: 40px
        }

.home .hero-wrapper {
    position: relative
}

.hero-alerts-wrapper, .hero-news-wrapper {
    width: 100%;
    display: none;
    margin-top: 15px
}

    .hero-alerts-wrapper.alert-on, .hero-news-wrapper.alert-on {
        display: block
    }

.home .hero-news-wrapper {
    background-color: transparent
}

.inner .hero-alerts-wrapper, .inner .hero-news-wrapper {
    margin-top: 0;
    padding: 20px
}

    .inner .hero-alerts-wrapper .news-banner, .inner .hero-news-wrapper .news-banner {
        margin: 0 auto
    }

.inner .hero-news-wrapper {
    background-color: #f3f6f9
}

.inner .hero-alerts-wrapper {
    background-color: #b43955
}

.hero-content-wrapper {
    z-index: 1;
    margin: 0 auto;
    width: 100%;
    min-width: 320px;
    padding: 10px 0 5px
}

.wm-alert .inner .hero-content-wrapper {
    margin-top: 75px;
    display: block
}

@media (min-width:768px) {
    .wm-alert .inner .hero-content-wrapper {
        margin-top: 0
    }
}

@media (min-width:768px) {
    .hero-content-wrapper {
        width: 660px
    }

    .home .hero-content-wrapper {
        position: absolute;
        top: 10%;
        left: 50%;
        margin-left: -330px;
        top: 0
    }

    .home .alert-on .hero-content-wrapper {
        top: 15px
    }
}

.banner-header {
    font-size: 1.5625em;
    font-weight: 500;
    margin-bottom: 12px;
    line-height: 1.2
}

@media (min-width:768px) {
    .banner-header {
        font-size: 1.875em;
        margin-bottom: 0
    }
}

.news-banner {
    background: #2d2d2d;
    color: #fff;
    font-weight: 300;
    margin: 0 auto 10px;
    padding: 25px;
    width: 100%;
    position: relative
}

    .news-banner.emergency {
        text-align: center
    }

    .news-banner.image-left img {
        display: none
    }

@media (min-width:768px) {
    .news-banner.image-left {
        padding: 0;
        min-height: 130px
    }

        .news-banner.image-left img {
            display: block;
            width: 150px;
            float: left
        }

        .news-banner.image-left .banner-text {
            float: left
        }

            .news-banner.image-left .banner-text p {
                padding: 0 0 0 10px
            }

        .news-banner.image-left .banner-header {
            padding: 20px 10px 0
        }
}

.news-banner.columns {
    background: none;
    padding: 0
}

    .news-banner.columns .col {
        background: #2d2d2d;
        width: 100%;
        padding: 18px 15px;
        position: relative;
        margin-bottom: 5px
    }

    .news-banner.columns .banner-header {
        font-size: 1.5em
    }

@media (min-width:640px) {
    .news-banner.columns {
        border-collapse: separate;
        display: table;
        border-spacing: 4px 0;
        margin-left: -4px
    }

        .news-banner.columns .col {
            display: table-cell;
            width: 50%
        }

            .news-banner.columns .col + .col:after {
                background: #2d2d2d;
                content: "";
                height: 100%;
                position: absolute;
                right: -8px;
                top: 0;
                width: 8px
            }
}

@media (min-width:768px) {
    .news-banner {
        line-height: 1.2;
        min-height: 130px;
        width: 660px
    }

        .news-banner p {
            font-size: 1.25em
        }
}

.wm-alert .inner .hero-wrapper, .wm-alert .landing .hero-wrapper {
    background: #b43955;
    padding: 28px 0 0
}

@media (min-width:768px) {
    .wm-alert .inner .hero-wrapper, .wm-alert .landing .hero-wrapper {
        padding: 20px 0
    }
}

.utility-nav-wrapper {
    background: #3e3e3e;
    height: 30px;
    position: relative
}

@media (min-width:0) and (max-width:768px) {
    .utility-nav-wrapper.open-search {
        margin-top: 40px
    }
}

@media (min-width:768px) {
    .utility-nav-wrapper {
        height: 45px;
        margin-top: 0
    }
}

.main-nav-wrapper nav > ul .utility-nav-wrapper .mm-content, .utility-nav-wrapper .container, .utility-nav-wrapper .footer-contact, .utility-nav-wrapper .footer-nav, .utility-nav-wrapper .main-nav-wrapper nav > ul .mm-content, .utility-nav-wrapper .video-wrapper {
    position: relative
}

@media (min-width:0) and (max-width:768px) {
    .main-nav-wrapper nav > ul .utility-nav-wrapper .mm-content, .utility-nav-wrapper .container, .utility-nav-wrapper .footer-contact, .utility-nav-wrapper .footer-nav, .utility-nav-wrapper .main-nav-wrapper nav > ul .mm-content, .utility-nav-wrapper .video-wrapper {
        padding: 0
    }
}

@media (min-width:768px) {
    height:45px
}

@media (min-width:768px) {
    .nav-item-wrapper {
        float: right
    }
}

.nav-item-wrapper .nav-item {
    float: left;
    height: 30px;
    line-height: 25px;
    padding: 0 10px;
    vertical-align: middle
}

@media (min-width:768px) {
    .nav-item-wrapper .nav-item {
        height: 45px;
        line-height: 45px;
        z-index: 1000;
        position: relative
    }
}

@media (min-width:0) and (max-width:1200px) {
    .nav-item-wrapper .nav-item.global-search {
        padding: 0 !important
    }
}

.nav-item-wrapper .nav-item img {
    display: inline
}

.nav-item-wrapper .browse-aloud {
    border: solid #6a8daf;
    border-width: 0 0 0 1px
}

.wm-alert .nav-item-wrapper .browse-aloud {
    border-color: #9c7f9e
}

@media (min-width:768px) {
    .nav-item-wrapper .browse-aloud {
        border-width: 0 1px
    }
}

.nav-item-wrapper .browse-aloud a {
    color: #fff;
    padding-left: 23px;
    font-weight: 300;
    position: relative;
    display: inline-block
}

@media (min-width:0) and (max-width:767px) {
    .nav-item-wrapper .browse-aloud a {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }
}

.nav-item-wrapper .browse-aloud a:before {
    content: "";
    background: url(images/s01-browse-aloud.d89a71085b9c6e3ed8434727accd2533.png) no-repeat 0 0/20px transparent;
    width: 15px;
    height: 15px;
    position: absolute;
    left: 7px;
    top: -12px;
    display: inline-block
}

@media (min-width:768px) {
    .nav-item-wrapper .browse-aloud a:before {
        left: 0;
        top: 16px;
        background-size: 100%
    }
}

html.lt-ie9 .nav-item-wrapper .browse-aloud a {
    background-position: 0 0;
    background-position: 0 16px
}

.nav-item-wrapper .browse-aloud a:hover {
    border: none
}

@media (min-width:768px) {
    .nav-item-wrapper .browse-aloud:hover {
        background: #858585;
        border-color: #fff
    }
}

.translate-wrapper {
    width: 150px;
    display: none
}

.goog-te-gadget-simple {
    background: transparent !important;
    border: none !important;
    padding: 0 !important
}

    .goog-te-gadget-simple .goog-te-menu-value * {
        color: #fff !important;
        border-color: #fff !important;
        font-family: Lato,sans-serif,Helvetica,Arial !important
    }

    .goog-te-gadget-simple .goog-te-menu-value span:last-child {
        font-size: 11px !important
    }

.goog-te-menu-frame {
    box-shadow: none !important
}

@media (min-width:992px) {
    .global-search {
        display: block
    }
}

@media (min-width:0) and (max-width:768px) {
    #mobile-menu .global-search {
        padding-top: 0
    }

    .global-search form {
        background: #2d2d2d;
        left: 0;
        padding: 5px;
        position: absolute;
        top: -40px;
        width: 100%
    }
}

@media (min-width:0) and (max-width:768px) and (min-width:768px) {
    .global-search form {
        padding: 0;
        position: static;
        top: -34px
    }
}

@media (min-width:0) and (max-width:768px) {
    #mobile-menu .global-search form {
        position: static;
        background: #5481b3;
        height: 40px;
        padding-top: 0
    }

    .global-search[type=text] {
        width: 100% !important
    }
}

.global-search input {
    border: none;
    height: 30px
}

@media (min-width:768px) {
    .global-search input {
        height: 45px
    }
}

.global-search input[type=text] {
    color: #000;
    padding-left: 10px;
    padding-right: 30px;
    font-size: .875em;
    font-weight: 300;
    opacity: 1 !important
}

    .global-search input[type=text]::-ms-clear {
        display: none
    }

@media (min-width:0) and (max-width:768px) {
    .global-search input[type=text] {
        width: 96%
    }
}

@media (min-width:768px) {
    .global-search input[type=text] {
        display: none;
        width: 0;
        color: #fff;
        background: #5f5f5f;
        padding-left: 0;
        padding-right: 0;
        font-size: 1.25em
    }
}

.global-search input[type=text]:-moz-placeholder, .global-search input[type=text]::-moz-placeholder {
    opacity: 1;
    color: #5f5f5f
}

.global-search input[type=text]:-ms-input-placeholder {
    opacity: 1;
    color: #5f5f5f
}

.global-search input[type=text]::-webkit-input-placeholder {
    opacity: 1;
    color: #5f5f5f
}

.global-search input[type=text].open {
    padding: 0 10px;
    display: inline-block
}

    .global-search input[type=text].open:-moz-placeholder, .global-search input[type=text].open::-moz-placeholder {
        color: #fff
    }

    .global-search input[type=text].open:-ms-input-placeholder {
        color: #fff
    }

    .global-search input[type=text].open::-webkit-input-placeholder {
        color: #fff
    }

.global-search input[type=submit] {
    background-image: url(images/utility-nav-sa9e97744c4.88025cd78370b0f05f1c5dde653ce7b3.png);
    background-repeat: no-repeat;
    background-position: center -84px;
    background-size: 16px auto;
    background-color: transparent !important;
    float: right;
    width: 30px;
    display: inline-block;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    position: absolute;
    right: 4%
}

html.lt-ie9 .global-search input[type=submit] {
    background-position: 0 -32px;
    background-position: center -20px
}

@media (min-width:768px) {
    .global-search input[type=submit] {
        position: static;
        width: 40px;
        background-position: center -59px;
        background-size: 21px;
        background-color: #858585 !important
    }
}

@media (min-width:1200px) {
    .global-search input[type=submit] {
        width: 50px
    }
}

html.lt-ie9 .global-search form {
    background: #5f5f5f
}

.global-search .open-mobile-search {
    display: block;
    float: none;
    height: 30px;
    width: 30px;
    background-image: url(images/utility-nav-sa9e97744c4.88025cd78370b0f05f1c5dde653ce7b3.png);
    background-repeat: no-repeat;
    background-color: #858585 !important;
    background-position: center -47px;
    background-size: 16px auto;
    cursor: pointer
}

html.lt-ie9 .global-search .open-mobile-search {
    display: none
}

@media (min-width:768px) {
    .global-search .open-mobile-search {
        display: none
    }
}

#mobile-menu .global-search .open-mobile-search {
    display: none
}

header .logo {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    max-width: 50px;
    position: absolute;
    left: 10px;
    top: 43px;
    z-index: 1
}

@media (min-width:768px) {
    header .logo {
        max-width: 80px;
        top: 10px;
        left: 0
    }
}

header .wmata-name {
    color: #fff;
    font-weight: 300;
    margin-left: 70px;
    position: absolute;
    top: 42px;
    width: 60%;
    font-size: .8125em;
    z-index: 1
}

@media (min-width:768px) {
    header .wmata-name {
        top: 12px;
        width: auto;
        margin-left: 85px
    }
}

@media (min-width:992px) {
    header .wmata-name {
        font-size: 1em
    }
}

.mm-dropdown {
    background: #4f4f4f;
    height: auto;
    left: -999em;
    margin: 0 auto;
    padding: 40px 0 20px !important;
    position: absolute;
    text-align: left;
    top: 88px;
    width: 100%;
    z-index: 101
}

@media (min-width:992px) {
    .mm-dropdown {
        display: none
    }
}

.main-nav-wrapper {
    position: relative
}

@media (min-width:768px) {
    .main-nav-wrapper {
        background: #4679b0;
        height: 88px
    }

    .wm-alert .main-nav-wrapper {
        background: #9c7f9e;
        opacity: 1
    }
}

.main-nav-wrapper nav {
    float: right;
    display: none
}

@media (min-width:768px) {
    .main-nav-wrapper nav {
        display: block
    }
}

.main-nav-wrapper nav li {
    list-style: none
}

    .main-nav-wrapper nav li li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0
    }

.main-nav-wrapper nav a {
    color: #fff;
    font-weight: 300
}

.main-nav-wrapper nav > ul {
    margin: 0;
    padding: 0
}

    .main-nav-wrapper nav > ul > li {
        float: left
    }

@media (min-width:768px) {
    .main-nav-wrapper nav > ul > li {
        line-height: 88px;
        max-height: 88px;
        max-width: 120px;
        text-align: center
    }

    .translated-ltr .main-nav-wrapper nav > ul > li {
        word-break: break-all
    }
}

@media (min-width:992px) {
    .main-nav-wrapper nav > ul > li {
        max-width: 150px
    }
}

@media (min-width:1200px) {
    .main-nav-wrapper nav > ul > li {
        max-width: 180px
    }
}

.main-nav-wrapper nav > ul > li.active, .main-nav-wrapper nav > ul > li:hover {
    background: #4f4f4f
}

    .main-nav-wrapper nav > ul > li:hover > .mm-dropdown {
        display: block;
        left: 0
    }

.main-nav-wrapper nav > ul > li > a {
    font-size: 1.25em;
    line-height: 88px;
    height: 100%;
    padding: 0 7px;
    display: block;
    vertical-align: middle;
    border-bottom: 0
}

@media (min-width:768px) {
    .main-nav-wrapper nav > ul > li > a {
        display: inline-block;
        line-height: normal
    }

    .translated-ltr .main-nav-wrapper nav > ul > li > a {
        font-size: 1em
    }
}

@media (min-width:992px) {
    .main-nav-wrapper nav > ul > li > a {
        font-size: 1.3em;
        padding: 0 23px
    }

    .translated-ltr .main-nav-wrapper nav > ul > li > a {
        font-size: 1.25em
    }
}

@media (min-width:1200px) {
    .main-nav-wrapper nav > ul > li > a {
        font-size: 1.5em
    }

    .translated-ltr .main-nav-wrapper nav > ul > li > a {
        font-size: 1.25em
    }
}

.main-nav-wrapper nav > ul .mm-content ul {
    padding: 0;
    margin: 0
}

.main-nav-wrapper nav > ul .mm-content li {
    float: left;
    width: 40%;
    vertical-align: top;
    padding-bottom: 30px;
    margin-right: 10%
}

@media (min-width:768px) {
    .main-nav-wrapper nav > ul .mm-content li {
        line-height: 2
    }
}

@media (min-width:992px) {
    .main-nav-wrapper nav > ul .mm-content li {
        width: 45%;
        margin-right: 5%
    }
}

.main-nav-wrapper nav > ul .mm-content li:nth-child(odd) {
    clear: left
}

.main-nav-wrapper nav > ul .mm-content a {
    padding-left: 0;
    padding-right: 0;
    line-height: 1;
    display: inline
}

    .main-nav-wrapper nav > ul .mm-content a:hover {
        border-bottom: 1px solid #779dc5
    }

@media (min-width:992px) {
    .main-nav-wrapper nav > ul .mm-content a {
        font-size: 1.25em
    }
}

@media (min-width:992px) {
    .mm-links-col {
        float: left;
        width: 65%
    }
}

.mm-promo {
    padding: 20px
}

@media (min-width:992px) {
    .mm-promo {
        float: left;
        width: 35%;
        padding: 0
    }
}

.mm-promo .promo-text {
    font-size: .875em;
    color: #769ec5
}

@media (min-width:768px) {
    .mm-promo .promo-text {
        line-height: 1.3
    }
}

@media (min-width:992px) {
    .mm-promo .promo-text {
        font-size: 1.6875em
    }
}

.mm-promo .promo-link {
    font-size: .75em !important
}

.mm-promo .promo-img-left .promo-img, .mm-promo .promo-img-left .promo-text {
    float: left
}

.mm-promo .promo-img-left .promo-img {
    width: 30%;
    display: none
}

@media (min-width:992px) {
    .mm-promo .promo-img-left .promo-img {
        display: block
    }
}

@media (min-width:992px) {
    .mm-promo .promo-img-left .promo-text {
        width: 65%;
        margin-left: 5%
    }
}

.mm-promo .promo-img-only .promo-link {
    display: inline-block;
    margin-top: 20px
}

.alert-overlay-wrapper {
    position: relative
}

.alert-overlay {
    display: none;
    background: rgba(156,127,158,.68);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.wm-alert .alert-overlay {
    display: block
}

html.lt-ie9 .alert-overlay {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#AD9C7F9E,endColorstr=#AD9C7F9E);
    zoom: 1
}

nav#mobile-menu {
    background: #4f4f4f !important
}

@media (min-width:768px) {
    nav#mobile-menu {
        display: none
    }
}

nav#mobile-menu * {
    color: #fff
}

nav#mobile-menu .mm-navbar, nav#mobile-menu .mm-search {
    background: #5481b3
}

    nav#mobile-menu .mm-search input {
        border-radius: 0 !important;
        background: #fff !important;
        color: #333 !important
    }

.mobile-content-wrapper {
    position: relative
}

    .mobile-content-wrapper .mobile-menu-btn {
        background: url(images/btn-mobile-menu.eef028151838a89f7a01ef6e62b504bc.png) no-repeat 0 0/100% transparent;
        position: absolute;
        right: 15px;
        top: 37px;
        cursor: pointer;
        width: 35px;
        height: 30px;
        z-index: 1
    }

        .mobile-content-wrapper .mobile-menu-btn span {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0
        }

@media (min-width:768px) {
    .mobile-content-wrapper {
        display: none
    }
}

.mobile-content-wrapper .mobile-menu-content, .mobile-menu-footer, .mobile-search {
    display: none
}

.footer-button {
    border: 1px solid #fff;
    display: inline-block;
    line-height: 1;
    text-align: center;
    width: 220px;
    font-size: .75em;
    padding: 5px 20px;
    height: auto
}

.mm-navbar-bottom:first-child .footer-button {
    margin-top: 10px
}

@media (min-width:640px) {
    .footer-button {
        background-repeat: no-repeat;
        padding: 10px 40px 10px 60px;
        height: 55px;
        font-size: .875em;
        text-align: left;
        margin-top: 10px
    }

    .mm-navbar-bottom:first-child .footer-button {
        background-image: url(images/s15-members.02abea6ae35add219988452c514193d0.png);
        background-position: 13px 7px;
        background-size: 35px
    }

    .mm-navbar-bottom .footer-button {
        background-image: url(images/s16-metrofare.8e410439a7ae1a0d8b31dcc2918036e2.png);
        background-position: 10px 10px;
        background-size: 40px
    }
}

.mm-navbar-bottom {
    height: 40px !important
}

    .mm-navbar-bottom:first-child {
        bottom: 40px !important
    }

@media (min-width:640px) {
    .mm-navbar-bottom {
        height: 80px !important
    }

        .mm-navbar-bottom:first-child {
            bottom: 80px !important
        }
}

.mm-menu.mm-current {
    z-index: 999
}

@media (min-width:769px) {
    .mm-menu.mm-current {
        display: none !important
    }
}

.mm-dropdown .mm-listview {
    margin-top: -30px
}

.mm-dropdown.mm-panel:after, .mm-dropdown.mm-panel:before {
    height: 0
}

.mm-listview > li > a, .mm-listview > li > span {
    padding-top: 12px;
    padding-bottom: 12px
}

.mm-menu .mm-listview > li .mm-arrow:after, .mm-menu .mm-listview > li .mm-next:after, .mm-menu .mm-navbar .mm-btn:after, .mm-menu .mm-navbar .mm-btn:before {
    border-color: #fff !important
}

.mm-listview > li, .mm-listview > li .mm-next, .mm-listview > li .mm-next:before, .mm-listview > li:after {
    border-color: #999 !important
}

    .mm-listview > li:not(.mm-divider):after {
        left: 0
    }

@media (min-width:0) and (max-width:769px) {
    html.mm-opened body:before {
        background: #000;
        content: "";
        height: 100%;
        left: 0;
        opacity: .65;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 999
    }
}

@media (min-width:768px) {
    .mm-page {
        position: static !important
    }
}

html.mm-background .mm-page {
    background: transparent !important
}

@media (min-width:769px) {
    html.mm-opened {
        position: static !important
    }
}

.home .hero-wrapper {
    background: url(images/home-bg-pattern.4636cabf7e66f1eaf8e05fff3bed4fcb.png) no-repeat;
    background-size: cover !important
}

    .home .hero-wrapper.alert-on {
        background: url(images/home-bg-alert-pattern.4e356dcf39846fcdbf2d5d5f839ed9d5.png) no-repeat
    }

.home .hero {
    height: 90px;
    position: relative;
    z-index: -1;
    width: 100%
}

    .home .hero .hero-img {
        background-size: cover !important;
        display: block;
        left: 0;
        position: absolute;
        top: -20px;
        width: 100%;
        height: 610px;
        text-indent: -99999em
    }

@media (min-width:768px) {
    .home .hero {
        height: 590px;
        overflow: hidden
    }

        .home .hero img {
            max-width: inherit !important
        }
}

.mobile-quick-links:after, .mobile-quick-links:before {
    content: " ";
    display: table
}

.mobile-quick-links:after {
    clear: both
}

@media (min-width:768px) {
    .mobile-quick-links {
        display: none
    }
}

.mobile-quick-links .quick-link {
    background: #fff;
    width: 33.3%;
    float: left;
    height: 85px;
    text-align: center;
    border: 1px solid #a7bdd6;
    border-width: 0 1px 1px 0
}

    .mobile-quick-links .quick-link:nth-child(3n) {
        border-right: 0
    }

    .mobile-quick-links .quick-link span {
        display: block
    }

.mobile-quick-links .quick-link-text {
    color: #333;
    font-size: 11px;
    font-weight: 700
}

.mobile-quick-links .quick-link-img {
    background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
    width: 65px;
    height: 65px;
    background-size: cover;
    margin: 0 auto
}

    .mobile-quick-links .quick-link-img.trip-planner {
        background-position: 8px 385px
    }

    .mobile-quick-links .quick-link-img.next-bus {
        background-position: 0 3153px;
        width: 60px
    }

    .mobile-quick-links .quick-link-img.next-train {
        background-position: 0 2971px;
        width: 60px
    }

    .mobile-quick-links .quick-link-img.service {
        background-position: 8px 456px;
        width: 55px
    }

    .mobile-quick-links .quick-link-img.maps {
        background-image: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png);
        background-position: 0 384px
    }

    .mobile-quick-links .quick-link-img.police {
        background-position: 0 477px;
        width: 50px
    }

.home .main-content {
    padding-top: 40px
}

@media (min-width:992px) {
    .home .main-content {
        padding-top: 60px
    }
}

.actions-grid-content {
    width: 100%
}

@media (min-width:992px) {
    .actions-grid-content {
        display: table;
        border-collapse: separate
    }

        .actions-grid-content.row-1 {
            position: relative
        }

            .actions-grid-content.row-1:after, .actions-grid-content.row-1:before {
                content: "";
                background: #fff;
                height: 15px;
                position: absolute;
                width: 100%
            }

            .actions-grid-content.row-1:before {
                bottom: 0;
                border-bottom: 1px solid #5481b3
            }

            .actions-grid-content.row-1:after {
                left: 0;
                bottom: -15px
            }
}

.actions-grid-item {
    display: block;
    width: 100%;
    padding-bottom: 70px
}

@media (min-width:992px) {
    .actions-grid-item {
        display: table-cell;
        width: 33.3%;
        border-left: 1px solid #5481b3;
        padding: 30px 0 50px
    }

        .actions-grid-item:first-child {
            border-left: none
        }
}

.actions-grid-item .actions-grid-image {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
    background-size: cover
}

html.lt-ie9 .actions-grid-item .actions-grid-image {
    background-image: none;
    background-size: 80px 80px
}

.actions-grid-item.next-bus .actions-grid-image {
    background-position: 0 1927px
}

html.lt-ie9 .actions-grid-item.next-bus .actions-grid-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s04-bus-lt-blue.png",sizingMethod="scale")
}

.actions-grid-item.next-train .actions-grid-image {
    background-position: 0 1685px
}

html.lt-ie9 .actions-grid-item.next-train .actions-grid-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s07-train-lt-blue.png",sizingMethod="scale")
}

.actions-grid-item.service .actions-grid-image {
    background-position: 0 657px
}

html.lt-ie9 .actions-grid-item.service .actions-grid-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s19-service.png",sizingMethod="scale")
}

.actions-grid-item.tourists .actions-grid-image {
    background-position: 0 1340px
}

html.lt-ie9 .actions-grid-item.tourists .actions-grid-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s11-tourist.png",sizingMethod="scale")
}

.actions-grid-item.signup .actions-grid-image {
    background-position: 0 1253px;
    width: 70px
}

html.lt-ie9 .actions-grid-item.signup .actions-grid-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s10-signup-alerts.png",sizingMethod="scale")
}

.actions-grid-item.smartrip .actions-grid-image {
    background: url(images/smartrip-card.12f4a98895a2c271452143addf8636dd.png) no-repeat 0 0/100% transparent;
    width: 124px
}

html.lt-ie9 .actions-grid-item.smartrip .actions-grid-image {
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/smartrip-card.png",sizingMethod="scale")
}

.actions-grid-item h2 {
    font-size: 1.625em
}

.actions-grid-item .content-wrapper {
    margin: 0 auto;
    width: 75%
}

.actions-grid-item input, .actions-grid-item select {
    width: 100% !important
}

.actions-grid-item .form-wrapper .control-label, .actions-grid-item label, .form-wrapper .actions-grid-item .control-label {
    font-weight: 400
}

.actions-grid-item .form-wrapper .control-label, .actions-grid-item label, .actions-grid-item p, .form-wrapper .actions-grid-item .control-label {
    font-size: .875em
}

.actions-grid-item .button, .actions-grid-item .button-lt-blue, .actions-grid-item .button-twitter, .actions-grid-item .inner-service-alerts .panel-content input[type=submit], .inner-service-alerts .panel-content .actions-grid-item input[type=submit] {
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    font-size: .875em
}

.actions-grid-item .alert-buttons:after, .actions-grid-item .alert-buttons:before {
    content: " ";
    display: table
}

.actions-grid-item .alert-buttons:after {
    clear: both
}

.actions-grid-item .alert-buttons a {
    padding-left: 35px !important;
    padding-right: 20px !important
}

@media (min-width:640px) {
    .actions-grid-item .alert-buttons a {
        float: left;
        width: 48%
    }

        .actions-grid-item .alert-buttons a:first-child {
            margin-right: 4%
        }
}

@media (min-width:992px) {
    .actions-grid-item .alert-buttons a {
        font-size: .6875em !important;
        padding-left: 24px !important;
        padding-right: 2px !important
    }
}

@media (min-width:1200px) {
    .actions-grid-item .alert-buttons a {
        font-size: .8125em !important
    }
}

html.lt-ie9 .actions-grid-item .alert-buttons a {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center
}

.actions-grid-item .nav-tabs {
    border: none !important
}

    .actions-grid-item .nav-tabs a {
        border: none !important;
        padding: 7px 10px;
        line-height: 1;
        color: #6082aa;
        border-radius: 0
    }

    .actions-grid-item .nav-tabs li.active a {
        background: #7fa1c6;
        color: #fff !important
    }

html.lt-ie9 .actions-grid-item .tab-content {
    margin-top: 20px
}

.results-overlay-wrapper {
    display: none;
    width: 100%;
    background: #a9a9a9
}

.inner.one-col .content, .inner.one-col .content-wrapper {
    padding: 0 !important
}

@media (min-width:992px) and (max-width:1170px) {
    .inner.one-col .main-content .container, .inner.one-col .main-content .footer-contact, .inner.one-col .main-content .footer-nav, .inner.one-col .main-content .main-nav-wrapper nav > ul .mm-content, .inner.one-col .main-content .video-wrapper, .main-nav-wrapper nav > ul .inner.one-col .main-content .mm-content {
        width: 840px
    }
}

.inner .main-content {
    margin: 0 auto
}

    .inner .main-content:before {
        background: #4679b0;
        content: "";
        width: 100%;
        height: 90px;
        z-index: -1
    }

.wm-alert .inner .main-content:before {
    display: none
}

@media (min-width:768px) {
    .wm-alert .inner .main-content:before {
        display: block
    }
}

@media (min-width:768px) {
    .inner .main-content:before {
        height: 354px;
        position: absolute;
        background: #f3f6f9
    }
}

.inner .main-content .content-wrapper {
    background: #fff;
    position: relative
}

@media (min-width:768px) {
    .inner .main-content .content-wrapper {
        padding: 20px 25px;
        min-height: 350px
    }
}

.inner .main-content .sidebar {
    display: none
}

.inner .main-content .content {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    .inner .main-content .content {
        float: left;
        width: 100%
    }
}

.inner.one-sidebar .sidebar {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    display: block
}

@media (min-width:992px) {
    .inner.one-sidebar .sidebar {
        float: left;
        width: 25%;
        right: 75%
    }
}

.inner.one-sidebar .content {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    .inner.one-sidebar .content {
        float: left;
        width: 70.83333333%;
        margin-left: 4.16666667%;
        left: 25%
    }
}

.inner h1 {
    display: inline-block;
    margin-top: 25px
}

.inner .content-wrapper h1 {
    display: block
}

.inner h1 span {
    display: block;
    font-weight: 400;
    font-size: .65em
}

@media (min-width:992px) {
    .inner h1 span {
        margin: 15px 0 30px
    }
}

.inner .content img {
    margin: 20px 0
}

.share {
    float: right;
    position: relative;
    top: 15px
}

.content-wrapper .share {
    top: 0
}

.share .at-share-btn {
    background: transparent !important
}

.share .at4-icon, .share .at300bs {
    display: block;
    width: 30px !important;
    height: 30px !important;
    background: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png) no-repeat 0 -426px/100% transparent !important
}

html.lt-ie9 .share .at4-icon, html.lt-ie9 .share .at300bs {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s10-share.png",sizingMethod="scale")
}

#at15s #at15pf {
    height: auto !important
}

h4 span {
    color: #5481b3 !important
}

#archive-form-wrapper {
    display: block;
    background: #f3f6f9;
    padding: 10px;
    margin: 20px 0
}

    #archive-form-wrapper:after, #archive-form-wrapper:before {
        content: " ";
        display: table
    }

    #archive-form-wrapper:after {
        clear: both
    }

    #archive-form-wrapper .form-wrapper .control-label, #archive-form-wrapper label, #archive-form-wrapper legend, .form-wrapper #archive-form-wrapper .control-label {
        font-weight: 400 !important;
        font-size: 1.125em;
        color: #3b6798 !important;
        display: block
    }

    #archive-form-wrapper #archive-list-search {
        width: 100%;
        margin: 0 0 20px
    }

@media (min-width:992px) {
    #archive-form-wrapper #archive-list-search {
        width: 90%
    }
}

#archive-form-wrapper .advanced-search {
    margin-bottom: 15px;
    border-bottom: 0;
    color: #5481b3;
    display: block
}

@media (min-width:992px) {
    #archive-form-wrapper .advanced-search {
        position: relative;
        top: 40px
    }
}

#archive-form-wrapper .advanced-search:after {
    background: transparent url(images/s03-arrow-up.8b73ab0bb705ec8fe32a411ab2969242.png) no-repeat scroll -19px 3px;
    content: "";
    display: inline-block;
    width: 11px;
    height: 15px;
    margin-left: 5px;
    position: relative;
    top: 2px
}

#archive-form-wrapper .advanced-search.collapsed:after {
    background: transparent url(images/s00-arrow-down.78299b18be8326ddeed87328225acbaf.png) no-repeat scroll -19px -15px
}

#archive-form-wrapper .archive-list-category {
    display: block;
    width: 100%
}

    #archive-form-wrapper .archive-list-category legend {
        border: none;
        margin-bottom: 12px
    }

    #archive-form-wrapper .archive-list-category .form-wrapper .control-label, #archive-form-wrapper .archive-list-category label, .form-wrapper #archive-form-wrapper .archive-list-category .control-label {
        font-size: .875em;
        color: #333 !important
    }

#archive-form-wrapper .archive-list-keyword-date {
    margin-bottom: 0
}

    #archive-form-wrapper .archive-list-keyword-date .form-wrapper .control-label, #archive-form-wrapper .archive-list-keyword-date label, .form-wrapper #archive-form-wrapper .archive-list-keyword-date .control-label {
        margin-right: 5px
    }

    #archive-form-wrapper .archive-list-keyword-date input, #archive-form-wrapper .archive-list-keyword-date select {
        margin-top: 0
    }

    #archive-form-wrapper .archive-list-keyword-date .select-wrapper {
        display: inline-block;
        margin-right: 20px
    }

#archive-form-wrapper input[type=submit] {
    height: 40px;
    position: relative;
    top: -2px;
    padding: 0 24px;
    margin: 10px 0
}

ul.archive-list {
    margin: 40px 0 0 !important;
    padding: 0 !important
}

    ul.archive-list li {
        list-style: none;
        float: left;
        display: block
    }

        ul.archive-list li h3 {
            margin: 0 0 8px;
            line-height: normal
        }

        ul.archive-list li p.list-details-date {
            margin: -6px 0 0;
            font-size: .875em
        }

.archive-list-photo {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 150px
}

    .archive-list-photo img {
        margin: 0 !important
    }

ul.pagination {
    padding: 20px 0 !important;
    width: 100%;
    text-align: center;
    float: none;
    border-top: 1px solid #ccc
}

    ul.pagination > li {
        display: inline-block !important;
        padding: 0 !important
    }

        ul.pagination > li.prev {
            float: left
        }

        ul.pagination > li.next {
            float: right
        }

        ul.pagination > li.active a {
            color: #fff !important
        }

        ul.pagination > li a {
            border: none !important
        }

#top {
    text-align: right;
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
    padding-bottom: 20px
}

@media (min-width:992px) {
    #top {
        border-bottom: 0;
        padding-bottom: 0
    }
}

#top:before {
    content: "";
    background: url(images/s06-up.f414aeee3fececced0169acfcefff623.png) no-repeat;
    background-size: 70% auto;
    width: 26px;
    height: 9px;
    display: inline-block
}

.landing-header-wrapper {
    display: block;
    position: relative
}

    .landing-header-wrapper h1 {
        color: #fff;
        font-size: 1.875em;
        font-weight: 300
    }

@media (min-width:768px) {
    .landing-header-wrapper h1 {
        font-size: 2.8125em
    }
}

.landing-header-img {
    width: 100%;
    height: 240px;
    overflow: hidden;
    background-size: auto 100% !important;
    text-indent: -9999em
}

@media (min-width:768px) {
    .landing-header-img {
        height: 354px
    }
}

@media (min-width:992px) {
    .landing-header-img {
        max-width: 100%;
        background-size: 100% auto !important
    }
}

.landing-header-content {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 240px;
    background: rgba(83,125,169,.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#60537da9, endColorstr=#60537da9)";
    text-align: center;
    padding: 0
}

@media (min-width:768px) {
    .landing-header-content {
        height: 354px;
        padding: 30px 0
    }
}

.landing-header-details {
    background: rgba(45,45,45,.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#802d2d2d, endColorstr=#802d2d2d)";
    max-width: 1200px;
    width: 96%;
    color: #fff;
    padding: 2%;
    margin: 0 auto
}

@media (min-width:992px) {
    .landing-header-details {
        width: 70%
    }
}

.landing-header-details h2 {
    font-size: 1em;
    line-height: normal;
    margin: 0
}

@media (min-width:768px) {
    .landing-header-details h2 {
        font-size: 1.125em
    }
}

@media (min-width:992px) {
    .landing-header-details h2 {
        font-size: 1.5em;
        line-height: 36px
    }
}

.landing-sub-menu-wrapper {
    padding: 60px 0
}

.status .current-alerts .form-container .sub-menu-row .form-group > div, .status .planned-changes .form-container .sub-menu-row .form-group > div, .sub-menu-row .col-md-6, .sub-menu-row .status .current-alerts .form-container .form-group > div, .sub-menu-row .status .planned-changes .form-container .form-group > div {
    display: block;
    padding-bottom: 20px
}

    .status .current-alerts .form-container .sub-menu-row .form-group > div a, .status .planned-changes .form-container .sub-menu-row .form-group > div a, .sub-menu-row .col-md-6 a, .sub-menu-row .status .current-alerts .form-container .form-group > div a, .sub-menu-row .status .planned-changes .form-container .form-group > div a {
        display: table;
        width: 100%;
        border: none;
        text-align: center;
        position: relative;
        margin: 0 auto
    }

.sub-menu-row .col-sm-12 a {
    width: 80%
}

@media (min-width:640px) {
    .sub-menu-row .col-sm-12 a {
        width: 100%
    }
}

.sub-menu-item {
    background: #fff;
    border: 1px solid #749bc3;
    height: 165px;
    text-align: center;
    display: block;
    vertical-align: bottom;
    padding-bottom: 20px;
    overflow: hidden
}

@media (min-width:768px) {
    .sub-menu-item {
        height: 175px
    }
}

.sub-menu-item h3 {
    padding: 0 2%;
    width: 96%;
    font-size: 1.75em
}

@media (min-width:992px) {
    .sub-menu-item h3 {
        position: absolute;
        bottom: 50px;
        transform: translate3d(0,20px,0);
        transition: transform .35s ease 0s
    }
}

.sub-menu-item p {
    border: 1px solid #fff;
    padding: 5px;
    width: 75%;
    height: auto;
    margin: 0 auto;
    font-size: .875em
}

html.lt-ie9 .sub-menu-item p {
    display: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1
}

@media (min-width:992px) {
    .sub-menu-item p {
        font-size: 1em;
        color: #fff;
        opacity: 0;
        transform: translate3d(0,20px,0) scale(1.1);
        transition: opacity .35s ease 0s,transform .35s ease 0s;
        bottom: -40px;
        position: relative
    }

    html.lt-ie9 .sub-menu-item p {
        display: none;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1
    }
}

.sub-menu-item.no-sub-menu {
    display: none
}

.sub-menu-item.no-sub-menu-details p {
    display: none;
    border: none
}

.sub-menu-item:hover {
    background: #4679b0;
    color: #fff
}

    .sub-menu-item:hover h3 {
        transform: translateZ(0);
        bottom: 0;
        position: relative
    }

    .sub-menu-item:hover p {
        color: #fff;
        position: relative;
        bottom: 0;
        opacity: 1;
        transform: translateZ(0) scale(1)
    }

html.lt-ie9 .sub-menu-item:hover p {
    display: block !important;
    color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.maps-wrapper {
    margin: 0
}

    .maps-wrapper .nav-tabs-dark-blue {
        margin-top: 20px
    }

        .maps-wrapper .nav-tabs-dark-blue li {
            padding-bottom: 0 !important
        }

            .maps-wrapper .nav-tabs-dark-blue li.custom a:after {
                background: transparent url(images/s00-arrow-down.78299b18be8326ddeed87328225acbaf.png) no-repeat scroll -19px -15px;
                content: "";
                display: inline-block;
                width: 11px;
                height: 14px;
                margin-left: 10px;
                position: relative;
                top: 2px
            }

            .maps-wrapper .nav-tabs-dark-blue li.custom.active a:after {
                background: transparent url(images/s07-up-white.295ec88220de68527c3d4fad1e9519f8.png) no-repeat scroll -8px 5px;
                width: 10px
            }

@media (min-width:768px) {
    .maps-wrapper .nav-tabs-dark-blue {
        margin-top: 0
    }
}

.maps-wrapper .maps-tab-form {
    display: none
}

    .maps-wrapper .maps-tab-form.active {
        display: block
    }

.form-wrapper .maps-wrapper .control-label, .maps-wrapper .form-wrapper .control-label, .maps-wrapper .rush-hour-service span, .maps-wrapper label {
    color: #3b6798 !important;
    display: block;
    font-weight: 400;
    font-size: 1.125em
}

.maps-wrapper .form-group {
    width: 100%;
    margin: 0
}

    .maps-wrapper .form-group > div {
        display: block;
        float: left
    }

    .maps-wrapper .form-group input[type=submit]#update_map_button {
        display: block;
        float: left;
        margin-top: 10px
    }

@media (min-width:768px) {
    .maps-wrapper .form-group input[type=submit]#update_map_button {
        margin-top: 40px
    }
}

.maps-wrapper .form-group .select-wrapper {
    margin-right: 15px;
    display: inline-block;
    float: left
}

    .maps-wrapper .form-group .select-wrapper.select-time-wrapper {
        margin-top: 0
    }

        .maps-wrapper .form-group .select-wrapper.select-time-wrapper > select {
            margin-right: 5px
        }

@media (min-width:768px) {
    .maps-wrapper .form-group .select-wrapper.select-time-wrapper {
        margin-top: 30px
    }
}

.maps-wrapper .form-group .form-group-row {
    display: block;
    width: 100%
}

    .maps-wrapper .form-group .form-group-row.form-group-row-1 {
        margin-bottom: 12px
    }

.maps-wrapper .rush-hour-service {
    width: 100%
}

@media (min-width:768px) {
    .maps-wrapper .rush-hour-service {
        width: 52%
    }
}

@media (min-width:992px) {
    .maps-wrapper .rush-hour-service {
        width: auto
    }
}

.form-wrapper .maps-wrapper .rush-hour-service .control-label, .maps-wrapper .rush-hour-service .form-wrapper .control-label, .maps-wrapper .rush-hour-service label {
    font-size: 1em;
    color: #333 !important;
    margin-top: 13px
}

#custom-maps-filter-bus, #custom-maps-filter-rail, #custom-maps-filter-rail-bus {
    border-top: 1px solid #4679b0;
    display: none;
    padding: 20px 0 0
}

    #custom-maps-filter-bus.active, #custom-maps-filter-rail-bus.active, #custom-maps-filter-rail.active {
        display: block
    }

.zoom-location-form {
    width: 75%;
    display: inline-block;
    padding: 20px 0
}

    .form-wrapper .zoom-location-form .control-label, .zoom-location-form .form-wrapper .control-label, .zoom-location-form label {
        display: block;
        position: relative;
        top: 3px
    }

@media (min-width:768px) {
    .form-wrapper .zoom-location-form .control-label, .zoom-location-form .form-wrapper .control-label, .zoom-location-form label {
        display: inline-block
    }
}

.zoom-location-form input[type=text] {
    margin: 0 0 20px;
    width: 100%
}

@media (min-width:768px) {
    .zoom-location-form input[type=text] {
        margin: 0 10px 0 5px;
        width: 40%
    }
}

.maps-bus-content, .maps-bus-rail-content, .maps-rail-content {
    padding: 0;
    margin: 0
}

.maps-footer-wrapper {
    margin-top: 40px
}

    .maps-footer-wrapper .col-md-6, .maps-footer-wrapper .status .current-alerts .form-container .form-group > div, .maps-footer-wrapper .status .planned-changes .form-container .form-group > div, .status .current-alerts .form-container .maps-footer-wrapper .form-group > div, .status .planned-changes .form-container .maps-footer-wrapper .form-group > div {
        margin-bottom: 20px
    }

    .maps-footer-wrapper .maps-footer-content {
        background: #f3f6f9;
        padding: 15px;
        width: 100%;
        height: auto;
        display: block
    }

        .maps-footer-wrapper .maps-footer-content h3 {
            margin-top: 0
        }

.next-arrivals .next-arrivals-wrapper {
    margin-left: 0
}

.next-arrivals .next-arrival-form {
    display: none
}

    .next-arrivals .next-arrival-form.active {
        display: block
    }

@media (min-width:768px) {
    .next-arrivals .next-arrival-form.active {
        width: 100%;
        display: table
    }
}

@media (min-width:768px) {
    .next-arrivals .next-arrival-form .first-form-col, .next-arrivals .next-arrival-form .second-form-col {
        display: table-cell;
        width: 50%
    }
}

@media (min-width:0) and (max-width:992px) {
    .next-arrivals .next-arrival-form .first-form-col input[type=submit] {
        display: block
    }
}

@media (min-width:768px) {
    .next-arrivals .next-arrival-form .second-form-col {
        border-left: 1px solid #537da9;
        padding-left: 2em
    }
}

.next-arrivals .next-arrival-form input[type=text] {
    margin-top: 0
}

.form-wrapper .next-arrivals .next-arrival-form .control-label, .next-arrivals .next-arrival-form .form-wrapper .control-label, .next-arrivals .next-arrival-form label {
    font-weight: 400;
    font-size: .875em;
    display: block;
    width: 100%
}

@media (min-width:768px) {
    .form-wrapper .next-arrivals .next-arrival-form .control-label, .next-arrivals .next-arrival-form .form-wrapper .control-label, .next-arrivals .next-arrival-form label {
        font-size: 16px;
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    html.lt-ie9 .next-arrivals .next-arrival-form input[type=submit] {
        position: relative;
        top: 5px
    }
}

.next-arrivals .next-arrival-form #placesTextField, .next-arrivals .next-arrival-form #rail-station-field {
    width: 75%
}

.next-arrivals .next-arrival-form .find-by-route-toggle {
    margin-top: 30px;
    font-size: 1.25em;
    border: none !important
}

    .next-arrivals .next-arrival-form .find-by-route-toggle:after {
        content: "\2193"
    }

    .next-arrivals .next-arrival-form .find-by-route-toggle[aria-expanded=true]:after {
        content: "\2191";
        vertical-align: text-bottom
    }

    .next-arrivals .next-arrival-form .find-by-route-toggle:hover {
        color: #000 !important
    }

@media (min-width:1200px) {
    .next-arrivals .next-arrival-form .find-by-route-toggle {
        float: left
    }
}

.next-arrivals .next-arrival-form .inline-form-text {
    line-height: 44px
}

@media (min-width:1200px) {
    .next-arrivals .next-arrival-form .inline-form-text {
        float: right;
        margin: 27px 3.2em 0
    }
}

@media (min-width:1200px) {
    .next-arrivals .next-arrival-form .find-stop-by-number-form {
        float: right
    }

        .next-arrivals .next-arrival-form .find-stop-by-number-form input[type=text] {
            max-width: 120px
        }
}

.next-arrivals #find-by-route-options {
    background: #f3f6f9;
    padding: 20px;
    margin-top: 20px
}

    .form-wrapper .next-arrivals #find-by-route-options .control-label, .next-arrivals #find-by-route-options .form-wrapper .control-label, .next-arrivals #find-by-route-options label {
        color: #5481b3;
        margin-top: 10px
    }

    .next-arrivals #find-by-route-options input[type=text] {
        width: 100%
    }

    .next-arrivals #find-by-route-options h3 {
        margin-top: 0;
        font-size: 1.375em
    }

.next-arrivals .nav.nav-tabs.nav-tabs-white-large > li {
    width: 33%
}

    .next-arrivals .nav.nav-tabs.nav-tabs-white-large > li > a {
        padding: 100px 40px 30px
    }

.next-arrivals .next-bus-results {
    display: none;
    margin: 2em 0
}

    .next-arrivals .next-bus-results .nav-tabs-transparent li {
        width: 50%
    }

    .next-arrivals .next-bus-results .col-first {
        padding-right: 2em
    }

.next-train-results {
    display: none;
    margin: 2em 0
}

    .next-train-results .trip-details-header h3 {
        font-size: 1.7em !important
    }

    .next-train-results .inline-alert {
        margin-bottom: 25px
    }

    .next-train-results .station-times-table {
        padding: 0;
        margin-bottom: 30px
    }

@media (min-width:768px) {
    .next-train-results .station-times-table {
        width: 48%
    }

        .next-train-results .station-times-table:nth-child(2n) {
            margin-left: 4%
        }
}

.next-train-results .station-times-table td:first-child {
    width: auto
}

.next-train-results .tables-wrapper {
    margin: 0 0 20px
}

body.new-window .next-train-results {
    display: block !important;
    border: none;
    background: transparent
}

    body.new-window .next-train-results .trip-utilities, body.new-window .next-train-results h2 {
        display: none
    }

    body.new-window .next-train-results h3 {
        text-align: center;
        font-weight: 700 !important
    }

@media (min-width:768px) {
    .trip-details-header h3 {
        float: left
    }

    .trip-details-header .trip-utilities {
        float: right
    }
}

.popout-header {
    display: none
}

body.new-window {
    background: #f3f6f9
}

    body.new-window .logo img {
        margin: 10px auto
    }

    body.new-window .popout-header {
        display: block;
        font-size: 1.875em
    }

    body.new-window .popout-header, body.new-window h2 {
        padding: 20px 0 0 20px;
        margin-bottom: 0
    }

    body.new-window h2 {
        font-size: 1.25em !important
    }

    body.new-window .popout-content, body.new-window .tab-panel-content {
        padding-top: 0
    }

        body.new-window .popout-content td, body.new-window .popout-content th, body.new-window .tab-panel-content td, body.new-window .tab-panel-content th {
            padding: 10px;
            font-size: .875em
        }

        body.new-window .tab-panel-content .panel-col {
            margin: 0 auto 40px
        }

        body.new-window .tab-panel-content .tab-btn {
            display: none
        }

    body.new-window .update span {
        color: #f3f6f9
    }

        body.new-window .update span:after {
            content: "";
            display: block
        }

.stop-option .sub-option .header-btn h4 html.lt-ie9 body.new-window span.rail, .trip-icon html.lt-ie9 body.new-window span.rail, html.lt-ie9 body.new-window .rail-icon-small, html.lt-ie9 body.new-window .stop-option .sub-option .header-btn h4 span.rail, html.lt-ie9 body.new-window .trip-icon span.rail {
    background-image: none !important
}

.promo-wrapper {
    margin: 40px 0
}

@media (min-width:768px) {
    .promo-wrapper {
        display: table;
        border-collaspe: separate;
        width: 100%
    }
}

.promo {
    border: 1px solid #749bc3;
    margin-bottom: 20px
}

    .promo.full img {
        float: none;
        margin: 20px auto;
        width: 20%
    }

@media (min-width:768px) {
    .promo.full img {
        float: left;
        margin: 0 0 40px;
        width: 20%
    }
}

@media (min-width:992px) {
    .promo.full img {
        margin: 0 10px 40px 0
    }
}

@media (min-width:768px) {
    .promo.half {
        display: block;
        float: left;
        width: 49%
    }
}

.promo.half.promo-left {
    margin-right: 1%
}

.promo.half.promo-right {
    margin-left: 1%
}

.promo.half.promo-image .promo-header:after {
    display: none
}

.promo.half.promo-image img {
    margin: 15px auto;
    width: 80%
}

.promo-content {
    padding: 40px 40px 10px;
    text-align: center
}

    .promo-content a {
        color: #333
    }

    .promo-content p {
        font-weight: 300;
        font-size: 1.125em
    }

.full .promo-content p {
    font-size: 1.5em;
    line-height: 36px
}

@media (min-width:768px) {
    .promo-text {
        float: right;
        max-width: 76%
    }
}

.related-content-wrapper {
    border-top: 1px solid #e4e4e4
}

@media (min-width:992px) {
    .related-content-wrapper .related-content {
        padding: 0 5px
    }
}

.related-content-wrapper h2 {
    padding: 25px 0;
    font-size: 1.5625em;
    text-align: center
}

@media (min-width:992px) {
    .related-content-wrapper h2 {
        padding: 40px 0 25px;
        font-size: 1.875em;
        text-align: left
    }
}

.related-content-wrapper .related-boxes-wrapper {
    width: 100%
}

@media (min-width:992px) {
    .related-content-wrapper .related-boxes-wrapper {
        border-collapse: separate;
        border-spacing: 42.5px;
        display: table;
        margin-top: -42.5px;
        margin-left: -42.5px;
        width: 107%
    }
}

.related-content-wrapper .related-boxes-wrapper > a {
    background: #f3f6f9;
    width: 80%;
    margin: 0 auto 40px;
    display: block
}

@media (min-width:992px) {
    .related-content-wrapper .related-boxes-wrapper > a {
        width: 340px;
        display: table-cell
    }
}

.related-content-wrapper .related-boxes-wrapper > a:hover {
    background: #4679b0;
    color: #fff !important
}

.related-content-wrapper .related-boxes-wrapper .related-box {
    text-align: center;
    padding: 10px 20px
}

@media (min-width:992px) {
    .related-content-wrapper .related-boxes-wrapper .related-box {
        font-size: 1.125em
    }
}

.related-label {
    background: #fff;
    color: #595959;
    display: inline-block;
    font-size: .8125em;
    font-weight: 700;
    padding: 5px 20px;
    margin-bottom: 20px
}

.simplebar-content {
    padding: 0;
    width: 100% !important
}

html.ie9 .simplebar-scroll-content {
    overflow: hidden
}

.simplebar-track {
    background: #f0f0f0;
    width: 10px;
    top: 10px;
    display: block !important
}

@media (min-width:992px) {
    .simplebar-track {
        width: 18px
    }
}

.simplebar-track .simplebar-scrollbar {
    border-radius: 0;
    background: #d9d9d9;
    width: 100%;
    right: 0
}

    .simplebar-track .simplebar-scrollbar.visible {
        opacity: 1
    }

.simplebar-scroll-content {
    width: 110% !important
}

.section-wrapper {
    width: 100%;
    padding: 40px 0
}

    .section-wrapper.lt-blue-section {
        background: #f3f6f9
    }

.header-button {
    clear: both;
    margin: 20px 0
}

    .header-button:after, .header-button:before {
        content: " ";
        display: table
    }

    .header-button:after {
        clear: both
    }

@media (min-width:992px) {
    .header-button {
        margin: 0 0 14px;
        max-height: 40px
    }
}

.header-button h2 {
    font-weight: 300;
    text-transform: uppercase;
    float: left;
    margin: 0 0 10px;
    width: 100%
}

@media (min-width:640px) {
    .header-button h2 {
        width: auto;
        margin: 0
    }
}

.header-button .button, .header-button .inner-service-alerts .panel-content input[type=submit], .inner-service-alerts .panel-content .header-button input[type=submit] {
    float: left;
    width: auto
}

@media (min-width:640px) {
    .header-button .button, .header-button .inner-service-alerts .panel-content input[type=submit], .inner-service-alerts .panel-content .header-button input[type=submit] {
        float: right
    }
}

.section-3-col-block .section-content .col-xs-24 {
    border-top: 1px solid #537da9;
    border-left: none
}

    .section-3-col-block .section-content .col-xs-24:first-child {
        border-top: none
    }

@media (min-width:992px) {
    .section-3-col-block .section-content .col-md-8 {
        border-left: 1px solid #537da9;
        border-top: none
    }

        .section-3-col-block .section-content .col-md-8:first-child {
            border-left: none
        }
}

.section-3-col-block .section-content .block-1-col {
    text-align: center;
    display: block;
    padding: 50px
}

    .section-3-col-block .section-content .block-1-col .icon {
        text-indent: -9999px;
        display: block;
        height: 50px;
        width: 50px;
        margin: 0 auto 20px
    }

        .section-3-col-block .section-content .block-1-col .icon#audio-icon:before {
            background-image: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png);
            background-size: 100%;
            background-position: 0 91.07720758%;
            content: "";
            display: block;
            height: 0;
            padding-bottom: 100%;
            width: 100%
        }

html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon#audio-icon:before {
    display: none
}

html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon#audio-icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s15-audio.png",sizingMethod="scale")
}

.section-3-col-block .section-content .block-1-col .icon#calendar-icon:before {
    background-image: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png);
    background-size: 100%;
    background-position: 0 0;
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%
}

html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon#calendar-icon:before {
    display: none
}

html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon#calendar-icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s00-calendar.png",sizingMethod="scale")
}

.section-3-col-block .section-content .block-1-col .icon#members-icon:before {
    background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
    background-size: 100%;
    background-position: 0 58.69731801%;
    content: "";
    display: block;
    height: 0;
    padding-bottom: 100%;
    width: 100%
}

html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon#members-icon:before {
    display: none
}

html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon#members-icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s15-members.png",sizingMethod="scale")
}

html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon {
    background-image: none !important
}

    html.lt-ie9 .section-3-col-block .section-content .block-1-col .icon:before {
        background-image: none !important;
        display: none !important
    }

.section-3-col-block .section-content .block-1-col a {
    color: #000
}

.subscribe {
    background: #fff;
    padding: 13px 16px 13px 10px
}

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

    .subscribe .int-subscribe-content {
        background: #fff;
        position: relative
    }

    .subscribe input[type=text] {
        min-width: 50%;
        top: 0
    }

html.lt-ie9 .subscribe input[type=text] {
    height: auto
}

.subscribe .small-text {
    margin: 20px 0
}

@media (min-width:992px) {
    .subscribe .small-text {
        margin: 0
    }
}

.subscribe-title {
    width: 100%;
    font-weight: 300;
    font-size: 1.25em;
    line-height: normal;
    padding: 10px 0;
    display: block
}

    .subscribe-title:before {
        background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
        background-position: 0 -690px;
        background-size: 100%;
        content: "";
        height: 45px;
        width: 80px;
        display: block;
        position: relative;
        left: 0;
        top: 0
    }

html.lt-ie9 .subscribe-title:before {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s08-news.png",sizingMethod="scale");
    background-image: none
}

@media (min-width:992px) {
    .subscribe-title {
        padding: 0 0 0 70px
    }

        .subscribe-title:before {
            display: inline-block;
            position: absolute;
            left: -5px;
            top: 0
        }

    html.lt-ie9 .subscribe-title {
        padding-left: 0
    }
}

@media (min-width:1200px) {
    .subscribe-title {
        font-size: 1.75em
    }

        .subscribe-title:before {
            display: inline-block;
            position: absolute;
            left: -5px;
            top: 11px
        }
}

.fp-section {
    position: relative;
    box-sizing: border-box
}

.fp-slide {
    float: left
}

    .fp-slide.fp-slidesContainer {
        height: 100%;
        display: block
    }

.fp-slides {
    z-index: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-out
}

.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout: fixed;
    width: 100%
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.fp-slidesContainer {
    float: left;
    position: relative
}

.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    margin-top: -38px;
    transform: translateZ(0)
}

    .fp-controlArrow.fp-prev {
        left: 15px
    }

    .fp-controlArrow.fp-next {
        right: 15px
    }

.fp-scrollable {
    overflow: scroll
}

.fp-notransition {
    transition: none !important
}

#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translateZ(0)
}

    #fp-nav.right {
        right: 17px
    }

    #fp-nav.left {
        left: 17px
    }

.fp-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1
}

    .fp-slidesNav.bottom {
        bottom: 17px
    }

    .fp-slidesNav.top {
        top: 17px
    }

    #fp-nav ul, .fp-slidesNav ul {
        margin: 0;
        padding: 0
    }

        #fp-nav ul li, .fp-slidesNav ul li {
            display: block;
            width: 22px;
            height: 22px;
            margin: 7px;
            position: relative
        }

        .fp-slidesNav ul li {
            display: inline-block
        }

            #fp-nav ul li a, .fp-slidesNav ul li a {
                display: block;
                position: relative;
                z-index: 1;
                width: 100%;
                height: 100%;
                cursor: pointer;
                text-decoration: none;
                border-bottom: none
            }

                #fp-nav ul li:hover a.active span, #fp-nav ul li a.active span {
                    background: #4679b0;
                    border: 1px solid #fff
                }

.section-slider .fp-slidesNav ul li:hover a.active span, .section-slider .fp-slidesNav ul li a.active span {
    background: #c7dbf1;
    border: none
}

#fp-nav ul li a span, .fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    width: 22px;
    height: 22px;
    background: #fff;
    border: 1px solid #537da9;
    margin: 0;
    transition: all .1s ease-in-out
}

#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #5481b3;
    background: #f3f6f9;
    padding: 5px;
    font-size: .875em;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0
}

html.lt-ie9 #fp-nav ul li .fp-tooltip {
    width: auto
}

#fp-nav.fp-show-active a.active + .fp-tooltip, #fp-nav ul li:hover .fp-tooltip {
    transition: opacity .2s ease-in;
    width: auto;
    opacity: 1
}

#fp-nav ul li .fp-tooltip.right {
    right: 30px
}

#fp-nav ul li .fp-tooltip.left {
    left: 20px
}

.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell {
    height: auto !important
}

.section p {
    font-weight: 300;
    font-size: 1.125em
}

@media (min-width:768px) {
    .section p {
        font-size: 1.25em
    }
}

@media (min-width:992px) {
    .section p {
        font-size: 1.5em
    }
}

.section p:first-of-type {
    margin-top: 40px
}

.section .button-lt-blue, .section .button-twitter, .section a.button {
    display: inline-block
}

.left-block, .right-block {
    float: left;
    display: block;
    overflow: hidden;
    height: 100%;
    padding: 0;
    width: 100%
}

@media (min-width:992px) {
    .left-block, .right-block {
        width: 50%
    }
}

@media (min-width:992px) {
    .left-block img, .right-block img {
        max-width: none;
        height: 100%
    }
}

.section-header {
    background-size: auto !important;
    background-position: 50% !important
}

    .section-header .fp-tableCell {
        background-color: rgba(15,74,164,.6);
        background: linear-gradient(90deg,rgba(15,74,164,.7),rgba(54,101,171,.7) 50%,rgba(172,211,235,.7));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#990f4aa4,endColorstr=#99acd3eb);
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#990f4aa4, endColorstr=#99acd3eb)"
    }

html.lt-ie9 .section-header .fp-tableCell {
    background-color: transparent
}

.section-header .intro {
    color: #fff;
    position: relative;
    text-align: center;
    top: 10%;
    text-indent: 0
}

    .section-header .intro h1 {
        display: block
    }

    .section-header .intro a {
        border: 1px solid #fff;
        border-radius: 50px;
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 50px;
        height: 50px
    }

        .section-header .intro a span {
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 10px solid #fff;
            display: block;
            left: 30%;
            position: relative;
            text-indent: -9999em;
            top: 43%;
            width: 0;
            height: 0
        }

.section-more-info .right-block {
    padding: 40px
}

    .section-more-info .right-block p {
        font-size: 1.125em
    }

@media (min-width:768px) {
    .section-more-info .right-block p {
        font-size: 1.5em
    }
}

@media (min-width:1200px) {
    .section-more-info .right-block p {
        font-size: 1.5em
    }
}

@media (min-width:992px) {
    .section-more-info .right-block {
        padding: 60px 120px 60px 60px
    }
}

.section-slider .fp-tableCell {
    padding: 30px 60px 60px
}

@media (min-width:992px) {
    .section-slider .fp-tableCell {
        padding: 70px 150px
    }
}

@media (min-width:1200px) {
    .section-slider .fp-tableCell {
        padding: 100px 160px
    }
}

.section-slider .left-block, .section-slider .right-block {
    margin: 0;
    color: #fff;
    width: 100%;
    height: auto
}

@media (min-width:1200px) {
    .section-slider .left-block, .section-slider .right-block {
        width: 49%
    }
}

.section-slider .left-block p, .section-slider .right-block p {
    font-size: 1.125em
}

@media (min-width:992px) {
    .section-slider .left-block p, .section-slider .right-block p {
        font-size: 1.5em
    }
}

.section-slider .left-block {
    margin-right: 2%
}

.section-slider img {
    max-width: 100%;
    height: auto;
    margin: 0 auto
}

@media (min-width:640px) {
    .section-slider img {
        max-width: 60%
    }
}

@media (min-width:1200px) {
    .section-slider img {
        max-width: 100%
    }
}

.section-slider .fp-controlArrow {
    background: #d2dce7;
    width: 40px;
    height: 40px;
    border-radius: 40px
}

@media (min-width:768px) {
    .section-slider .fp-controlArrow {
        width: 50px;
        height: 50px;
        border-radius: 50px
    }
}

@media (min-width:1500px) {
    .section-slider .fp-controlArrow {
        width: 60px;
        height: 60px;
        border-radius: 60px
    }
}

.section-slider .fp-controlArrow:hover {
    background: #fff
}

.section-slider .fp-controlArrow.fp-prev {
    left: 5px
}

@media (min-width:992px) {
    .section-slider .fp-controlArrow.fp-prev {
        left: 85px
    }
}

.section-slider .fp-controlArrow.fp-prev:after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #537da9;
    content: "";
    display: block;
    position: relative;
    top: 36%;
    left: 40%
}

@media (min-width:768px) {
    .section-slider .fp-controlArrow.fp-prev:after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #537da9;
        top: 30%;
        left: 36%
    }
}

@media (min-width:1500px) {
    .section-slider .fp-controlArrow.fp-prev:after {
        top: 35%;
        left: 40%
    }
}

.section-slider .fp-controlArrow.fp-next {
    right: 5px
}

@media (min-width:992px) {
    .section-slider .fp-controlArrow.fp-next {
        right: 85px
    }
}

.section-slider .fp-controlArrow.fp-next:after {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #537da9;
    content: "";
    display: block;
    position: relative;
    top: 36%;
    left: 40%
}

@media (min-width:768px) {
    .section-slider .fp-controlArrow.fp-next:after {
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #537da9;
        top: 30%;
        left: 36%
    }
}

@media (min-width:1500px) {
    .section-slider .fp-controlArrow.fp-next:after {
        top: 35%;
        left: 46%
    }
}

.section-title {
    text-align: center;
    margin: 0 0 20px
}

    .section-title h4 {
        background: #f3f6f9;
        color: #000;
        text-transform: uppercase;
        display: inline-block;
        padding: 5px 20px
    }

@media (min-width:1200px) {
    .section-title {
        margin-bottom: 100px
    }
}

.section-video .fp-tableCell {
    padding: 40px 0
}

.section-video .video-details, .section-video a.video-link {
    width: 100%;
    margin: 0 0 20px;
    float: left;
    display: block;
    border-bottom: none
}

    .section-video .video-details p {
        font-weight: 300
    }

@media (min-width:1200px) {
    .section-video .video-details {
        width: 50%
    }
}

.section-video .left-block, .section-video .right-block {
    padding: 0 2%;
    margin-bottom: 40px;
    height: auto
}

@media (min-width:992px) {
    .section-video .left-block {
        padding-left: 80px
    }
}

.section-video .video-thumbnail {
    width: 100%;
    display: block;
    float: left
}

@media (min-width:1200px) {
    .section-video .video-thumbnail {
        width: 50%
    }
}

@media (min-width:992px) {
    .section-video .right-block {
        padding-right: 60px
    }
}

.img-crop-circle {
    width: 250px;
    height: 250px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto;
    box-shadow: 0 4px 0 #c3d3e4
}

    .img-crop-circle span {
        background: url(images/s17-video.780b9f4db55a153cf7b64bc3db0e5dc7.png) no-repeat;
        width: 82px;
        height: 68px;
        display: block;
        position: absolute;
        top: 40%;
        left: 35%;
        z-index: 1000;
        text-indent: -9999em
    }

    .img-crop-circle img {
        display: inline;
        margin: 0 auto;
        width: auto;
        height: 100%;
        position: relative;
        left: -33%;
        max-width: none
    }

        .img-crop-circle img:hover {
            transform: scale(1.125)
        }

@media (min-width:1500px) {
    .img-crop-circle {
        width: 300px;
        height: 300px
    }
}

.section-tiles .fp-tableCell {
    padding: 0
}

@media (min-width:992px) {
    .section-tiles .fp-tableCell {
        padding: 0 60px 0 80px
    }
}

.info-tiles-row {
    display: block;
    float: left;
    margin: 0;
    width: 100%
}

    .info-tiles-row .col-md-8 {
        background: #f3f6f9;
        padding: 0
    }

        .info-tiles-row .col-md-8.alpha {
            padding-left: 0
        }

        .info-tiles-row .col-md-8.omega {
            padding-right: 0
        }

        .info-tiles-row .col-md-8 .info-tile-content {
            background: #f3f6f9;
            width: 100%;
            margin: 0;
            padding: 20px;
            text-align: center;
            color: #000
        }

@media (min-width:1200px) {
    .info-tiles-row .col-md-8 .info-tile-content {
        padding: 40px
    }
}

.info-tiles-row .col-md-8 .info-tile-content:hover {
    background: #4679b0;
    transition: all .3s ease 0s;
    -moz-transition: all .3s ease 0s;
    -webkit-transition: all .3s ease 0s;
    color: #fff
}

    .info-tiles-row .col-md-8 .info-tile-content:hover img {
        position: relative;
        top: 10px
    }

.info-tiles-row .col-md-8 .info-tile-content img {
    margin: 0 auto;
    height: 100px
}

.section-photo-table .photo-table {
    margin: 5px 0
}

@media (min-width:992px) {
    .section-photo-table .photo-table {
        margin: 0
    }
}

.inner .section-photo-table .main-content, .inner .section-photo-table .main-content > div, .next-arrivals .section-photo-table .next-arrivals-wrapper, .next-arrivals .section-photo-table .next-arrivals-wrapper > div, .next-arrivals .section-photo-table .next-bus-results, .next-arrivals .section-photo-table .next-bus-results > div, .section-photo-table .inner .main-content, .section-photo-table .inner .main-content > div, .section-photo-table .maps-bus-content, .section-photo-table .maps-bus-content > div, .section-photo-table .maps-bus-rail-content, .section-photo-table .maps-bus-rail-content > div, .section-photo-table .maps-rail-content, .section-photo-table .maps-rail-content > div, .section-photo-table .maps-wrapper, .section-photo-table .maps-wrapper > div, .section-photo-table .next-arrivals .next-arrivals-wrapper, .section-photo-table .next-arrivals .next-arrivals-wrapper > div, .section-photo-table .next-arrivals .next-bus-results, .section-photo-table .next-arrivals .next-bus-results > div, .section-photo-table .next-train-results, .section-photo-table .next-train-results > div, .section-photo-table .row, .section-photo-table .row > div, .section-photo-table .status .current-alerts .form-container, .section-photo-table .status .current-alerts .form-container > div, .section-photo-table .status .planned-changes .form-container, .section-photo-table .status .planned-changes .form-container > div, .section-photo-table .status .system-status, .section-photo-table .status .system-status > div, .status .current-alerts .section-photo-table .form-container, .status .current-alerts .section-photo-table .form-container > div, .status .planned-changes .section-photo-table .form-container, .status .planned-changes .section-photo-table .form-container > div, .status .section-photo-table .system-status, .status .section-photo-table .system-status > div {
    overflow: hidden;
    height: 100%;
    display: block;
    margin: 0
}

.section-photo-table .col-1 img {
    width: 100%;
    max-width: 100%
}

@media (min-width:992px) {
    .section-photo-table .col-1 img {
        height: 100%;
        max-width: none;
        width: auto
    }
}

@media (min-width:768px) {
    .section-photo-table .col-2 {
        padding-left: 10px
    }
}

.section-photo-table .col-2 img {
    width: 100%;
    max-width: none
}

.inner .section-photo-table .col-2 .main-content, .next-arrivals .section-photo-table .col-2 .next-arrivals-wrapper, .next-arrivals .section-photo-table .col-2 .next-bus-results, .section-photo-table .col-2 .inner .main-content, .section-photo-table .col-2 .maps-bus-content, .section-photo-table .col-2 .maps-bus-rail-content, .section-photo-table .col-2 .maps-rail-content, .section-photo-table .col-2 .maps-wrapper, .section-photo-table .col-2 .next-arrivals .next-arrivals-wrapper, .section-photo-table .col-2 .next-arrivals .next-bus-results, .section-photo-table .col-2 .next-train-results, .section-photo-table .col-2 .row, .section-photo-table .col-2 .status .current-alerts .form-container, .section-photo-table .col-2 .status .planned-changes .form-container, .section-photo-table .col-2 .status .system-status, .status .current-alerts .section-photo-table .col-2 .form-container, .status .planned-changes .section-photo-table .col-2 .form-container, .status .section-photo-table .col-2 .system-status {
    margin-top: 10px
}

    .inner .section-photo-table .col-2 .row-1.main-content, .next-arrivals .section-photo-table .col-2 .row-1.next-arrivals-wrapper, .next-arrivals .section-photo-table .col-2 .row-1.next-bus-results, .section-photo-table .col-2 .inner .row-1.main-content, .section-photo-table .col-2 .next-arrivals .row-1.next-arrivals-wrapper, .section-photo-table .col-2 .next-arrivals .row-1.next-bus-results, .section-photo-table .col-2 .row-1.maps-bus-content, .section-photo-table .col-2 .row-1.maps-bus-rail-content, .section-photo-table .col-2 .row-1.maps-rail-content, .section-photo-table .col-2 .row-1.maps-wrapper, .section-photo-table .col-2 .row-1.next-train-results, .section-photo-table .col-2 .row.row-1, .section-photo-table .col-2 .status .current-alerts .row-1.form-container, .section-photo-table .col-2 .status .planned-changes .row-1.form-container, .section-photo-table .col-2 .status .row-1.system-status, .status .current-alerts .section-photo-table .col-2 .row-1.form-container, .status .planned-changes .section-photo-table .col-2 .row-1.form-container, .status .section-photo-table .col-2 .row-1.system-status {
        margin-top: 0
    }

@media (min-width:768px) {
    .inner .section-photo-table .col-2 .main-content:first-of-type, .next-arrivals .section-photo-table .col-2 .next-arrivals-wrapper:first-of-type, .next-arrivals .section-photo-table .col-2 .next-bus-results:first-of-type, .section-photo-table .col-2 .inner .main-content:first-of-type, .section-photo-table .col-2 .maps-bus-content:first-of-type, .section-photo-table .col-2 .maps-bus-rail-content:first-of-type, .section-photo-table .col-2 .maps-rail-content:first-of-type, .section-photo-table .col-2 .maps-wrapper:first-of-type, .section-photo-table .col-2 .next-arrivals .next-arrivals-wrapper:first-of-type, .section-photo-table .col-2 .next-arrivals .next-bus-results:first-of-type, .section-photo-table .col-2 .next-train-results:first-of-type, .section-photo-table .col-2 .row:first-of-type, .section-photo-table .col-2 .status .current-alerts .form-container:first-of-type, .section-photo-table .col-2 .status .planned-changes .form-container:first-of-type, .section-photo-table .col-2 .status .system-status:first-of-type, .status .current-alerts .section-photo-table .col-2 .form-container:first-of-type, .status .planned-changes .section-photo-table .col-2 .form-container:first-of-type, .status .section-photo-table .col-2 .system-status:first-of-type {
        margin-bottom: 12px
    }
}

@media (min-width:992px) {
    .inner .section-photo-table .col-2 .main-content, .next-arrivals .section-photo-table .col-2 .next-arrivals-wrapper, .next-arrivals .section-photo-table .col-2 .next-bus-results, .section-photo-table .col-2 .inner .main-content, .section-photo-table .col-2 .maps-bus-content, .section-photo-table .col-2 .maps-bus-rail-content, .section-photo-table .col-2 .maps-rail-content, .section-photo-table .col-2 .maps-wrapper, .section-photo-table .col-2 .next-arrivals .next-arrivals-wrapper, .section-photo-table .col-2 .next-arrivals .next-bus-results, .section-photo-table .col-2 .next-train-results, .section-photo-table .col-2 .row, .section-photo-table .col-2 .status .current-alerts .form-container, .section-photo-table .col-2 .status .planned-changes .form-container, .section-photo-table .col-2 .status .system-status, .status .current-alerts .section-photo-table .col-2 .form-container, .status .planned-changes .section-photo-table .col-2 .form-container, .status .section-photo-table .col-2 .system-status {
        margin-top: 0
    }
}

.section-photo-table .col-2 .col-sm-12 {
    margin-top: 10px
}

@media (min-width:992px) {
    .section-photo-table .col-2 .col-sm-12 {
        margin-top: 0
    }
}

.section-photo-table .col-2 {
    padding: 0
}

.section-photo-table figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #000;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin: 0 !important
}

    .section-photo-table figure img {
        position: relative;
        display: block
    }

    .section-photo-table figure figcaption {
        backface-visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        top: auto;
        bottom: 0;
        padding: 20px 10px;
        margin: 0;
        height: auto;
        color: #fff;
        transition: transform .35s;
        transform: translate3d(0,100%,0);
        background: #0f4aa4;
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMGY0YWE0Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMzNjY1YWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhY2QzZWIiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGZpbGw9InVybCgjYSkiIGQ9Ik0wIDBoMXYxSDB6Ii8+PC9zdmc+);
        background: linear-gradient(90deg,rgba(15,74,164,.7),rgba(54,101,171,.7) 50%,rgba(52,87,117,.7));
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0f4aa4",endColorstr="#345775",GradientType=1)
    }

        .section-photo-table figure figcaption :after, .section-photo-table figure figcaption :before {
            pointer-events: none
        }

        .section-photo-table figure figcaption p {
            margin: 0 !important;
            padding: 0;
            font-size: 1.125em;
            line-height: normal
        }

    .section-photo-table figure:hover figcaption {
        transform: translateZ(0)
    }

.expand-content {
    background-image: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png);
    background-position: 0 -155px;
    background-size: 40px auto;
    width: 40px;
    height: 40px;
    display: block;
    border: none !important;
    position: absolute;
    bottom: 20px;
    left: 20px;
    cursor: pointer
}

html.lt-ie9 .expand-content {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s03-info.png",sizingMethod="scale");
    background-image: none
}

@media (min-width:768px) {
    .expand-content {
        width: 60px;
        height: 60px;
        background-size: 60px auto;
        background-position: 0 -235px
    }
}

@media (min-width:992px) {
    .expand-content {
        bottom: 50px;
        left: 50px
    }
}

.section-photo {
    background-size: auto 100% !important;
    background-position: 50% !important
}

@media (min-width:640px) {
    .section-photo {
        background-size: 100% auto !important
    }
}

@media (min-width:992px) {
    .section-photo {
        background-size: auto !important
    }
}

.section-photo .fp-tableCell {
    background-color: rgba(0,0,0,.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"
}

.section-photo .section-details {
    margin: 60px auto;
    width: 96%;
    max-width: 700px;
    border: 1px solid #858585;
    color: #fff;
    padding: 20px;
    background: #555;
    text-indent: 0
}

@media (min-width:768px) {
    .section-photo .section-details {
        margin: 0 auto
    }
}

.section-photo .section-details h3 {
    margin-top: 0
}

    .section-photo .section-details h3 .close {
        background-image: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png);
        background-position: 0 -34px;
        background-size: 25px auto;
        width: 25px;
        height: 25px;
        display: block;
        border: none !important;
        text-indent: -9999em;
        float: right;
        text-shadow: none;
        opacity: 1;
        cursor: pointer
    }

html.lt-ie9 .section-photo .section-details h3 .close {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s01-close.png",sizingMethod="scale");
    background-image: none
}

.section-footer p:first-of-type {
    margin-top: 0
}

.section-footer .footer-contact-wrapper {
    padding: 30px 0
}

.close-tab-panel, .inner-service-alerts #alerts-tab .close-details {
    font-size: 1.875em;
    font-weight: 300;
    position: absolute;
    right: 20px;
    top: 8px;
    cursor: pointer
}

.inner-service-alerts {
    position: fixed;
    z-index: 10;
    top: auto;
    bottom: 0;
    width: 100%;
    max-height: 80px
}

@media (min-width:1310px) {
    .inner-service-alerts {
        top: 175px;
        bottom: auto;
        width: auto;
        max-height: 100%
    }
}

.inner-service-alerts .alerts-wrapper {
    display: table;
    margin: 0 auto;
    width: auto
}

@media (min-width:1310px) {
    .inner-service-alerts .alerts-wrapper {
        width: auto;
        margin: 0;
        display: block
    }
}

.inner-service-alerts .side-tab-wrapper {
    position: relative;
    display: table-cell;
    vertical-align: top;
    border-left: 1px solid #fff
}

    .inner-service-alerts .side-tab-wrapper:first-child {
        border-left: none
    }

@media (min-width:1310px) {
    .inner-service-alerts .side-tab-wrapper {
        display: block;
        border-left: none
    }

        .inner-service-alerts .side-tab-wrapper:first-child .side-tab {
            border-top: none
        }
}

.inner-service-alerts .side-tab {
    background-color: #545454;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1,startColorstr="#FFA0A0A0",endColorstr="#FF545454");
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSIwIiB5MT0iMCIgeDI9IjEiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYTBhMGEwIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNTQ1NDU0Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3Qgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNhKSIvPjwvc3ZnPg==");
    background-size: 100%;
    background-image: linear-gradient(to right bottom,#a0a0a0 0,#545454);
    height: 85px;
    color: #fff;
    font-size: .65em;
    font-weight: 700;
    text-align: center;
    line-height: 1.2;
    cursor: pointer;
    width: 70px;
    padding: 5px 1px 0;
    margin-right: 0
}

@media (min-width:640px) {
    .inner-service-alerts .side-tab {
        width: 85px;
        font-size: .75em;
        margin-right: 0
    }
}

@media (min-width:1310px) {
    .inner-service-alerts .side-tab {
        border: 1px solid #fff;
        border-width: 1px 0;
        padding: 0 5px;
        margin-right: 0
    }
}

html.ie9 .inner-service-alerts .side-tab, html.lt-ie9 .inner-service-alerts .side-tab {
    background: #919191
}

html.ie9 .inner-service-alerts .side-tab {
    filter: none
}

.inner-service-alerts .side-tab span {
    background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
    background-size: 100%;
    display: block;
    margin: 3px auto 8px
}

html.lt-ie9 .inner-service-alerts .side-tab span {
    background-image: none
}

@media (min-width:1310px) {
    .inner-service-alerts .side-tab span {
        margin: 12px auto 8px
    }
}

.inner-service-alerts .side-tab-panel {
    position: fixed;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.27);
    border: 1px solid #5481b3;
    bottom: -999px;
    left: 0;
    width: 95%;
    margin: 0 2.5%
}

@media (min-width:1310px) {
    .inner-service-alerts .side-tab-panel {
        position: absolute;
        top: 0;
        left: -999px;
        bottom: auto;
        width: auto;
        margin: 0
    }
}

.inner-service-alerts .panel-content {
    padding: 10px;
    position: relative
}

@media (min-width:1310px) {
    .inner-service-alerts .panel-content {
        padding: 20px 25px
    }
}

.inner-service-alerts .panel-content .panel-header {
    line-height: 35px;
    margin-bottom: 20px;
    vertical-align: middle
}

.inner-service-alerts .panel-content .panel-header-text {
    color: #5481b3;
    font-size: 1.125em;
    position: relative;
    padding-left: 50px;
    vertical-align: middle;
    display: inline-block
}

    .inner-service-alerts .panel-content .panel-header-text:before {
        content: "";
        width: 40px;
        height: 35px;
        position: absolute;
        left: 0
    }

html.lt-ie9 .inner-service-alerts .panel-content .panel-header-text {
    padding-left: 0
}

    html.lt-ie9 .inner-service-alerts .panel-content .panel-header-text:before {
        background: none
    }

.inner-service-alerts .panel-content .form-group {
    margin-left: 0;
    margin-right: 0
}

.form-wrapper .inner-service-alerts .panel-content .location .control-label, .inner-service-alerts .panel-content .location .form-wrapper .control-label, .inner-service-alerts .panel-content .location label {
    font-size: .75em
}

.inner-service-alerts .panel-content input[type=text] {
    border: 1px solid #3b6798 !important
}

.inner-service-alerts .panel-content input[type=submit] {
    margin-top: 10px
}

.inner-service-alerts .panel-content .more-arrow {
    color: #000;
    font-size: .75em
}

    .inner-service-alerts .panel-content .more-arrow:after {
        content: "\2192";
        font-size: .9375em;
        padding-left: 5px;
        vertical-align: 1px
    }

.inner-service-alerts #alerts-tab .side-tab {
    padding: 0
}

@media (min-width:1310px) {
    .inner-service-alerts #alerts-tab .side-tab span {
        margin: 0 auto 4px
    }
}

.inner-service-alerts #alerts-tab .alert-count-wrapper {
    width: 85px
}

@media (min-width:0) and (max-width:640px) {
    .inner-service-alerts #alerts-tab .alert-count-wrapper {
        width: 70px
    }
}

.inner-service-alerts #alerts-tab .count {
    font-size: 2.7em;
    font-weight: 400
}

.inner-service-alerts #alerts-tab .side-tab-panel .service-alerts {
    box-shadow: none;
    font-size: 16px;
    position: relative;
    top: 0
}

.inner-service-alerts #alerts-tab .side-tab-panel .count {
    font-size: 2.025em
}

@media (min-width:0) and (max-width:1310px) {
    .inner-service-alerts #alerts-tab .service-alerts.open {
        width: 100%;
        margin: 0
    }

        .inner-service-alerts #alerts-tab .service-alerts.open .alert-count-wrapper {
            width: 85px !important
        }

        .inner-service-alerts #alerts-tab .service-alerts.open .count {
            font-size: 1.3em !important
        }

            .inner-service-alerts #alerts-tab .service-alerts.open .count span {
                height: 31px;
                width: 30px
            }

        .inner-service-alerts #alerts-tab .service-alerts.open .details-header-text {
            font-size: 1.3em !important
        }
}

#trip-tab .side-tab span {
    background-image: url(images/arrows-sffa28ba240.4b3db0dbc759e6348f3d5e6b18195ccc.png);
    background-position: 0 -93px;
    height: 30px;
    margin-bottom: 5px;
    width: 40px
}

html.lt-ie9 #trip-tab .side-tab span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/arrows/s04-right-white.png",sizingMethod="scale")
}

@media (min-width:1310px) {
    #trip-tab .side-tab-panel {
        width: 410px;
        height: 290px;
        margin-bottom: 3px
    }
}

#trip-tab .panel-header-text:before {
    background: url(images/arrows-sffa28ba240.4b3db0dbc759e6348f3d5e6b18195ccc.png) no-repeat 0 -168px/100% transparent
}

#trip-tab input[type=text] {
    margin: 0;
    top: 0
}

@media (min-width:1310px) {
    #bus-tab .side-tab-panel, #train-tab .side-tab-panel {
        width: 410px;
        height: 290px
    }
}

#bus-tab .panel-header, #train-tab .panel-header {
    line-height: 50px;
    margin-bottom: 12px
}

#bus-tab .panel-header-text, #train-tab .panel-header-text {
    color: #000
}

    #bus-tab .panel-header-text:before, #train-tab .panel-header-text:before {
        background: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png) no-repeat 0 0/100% transparent;
        content: "";
        width: 50px;
        height: 55px
    }

#bus-tab .form-wrapper .control-label, #bus-tab label, #train-tab .form-wrapper .control-label, #train-tab label, .form-wrapper #bus-tab .control-label, .form-wrapper #train-tab .control-label {
    font-size: .75em
}

#bus-tab input[type=text], #train-tab input[type=text] {
    width: 100%;
    margin-top: 0
}

#bus-tab p, #train-tab p {
    margin: 0
}

#bus-tab .side-tab span {
    background-position: 0 1248px;
    height: 39px;
    width: 50px
}

html.lt-ie9 #bus-tab .side-tab span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s03-bus-outline-white.png",sizingMethod="scale")
}

#bus-tab .panel-header-text:before {
    background-position: -3px -222px
}

#train-tab .side-tab {
    border-bottom: none;
    margin-right: 0
}

    #train-tab .side-tab span {
        background-position: 0 1095px;
        height: 39px;
        width: 50px
    }

html.lt-ie9 #train-tab .side-tab span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s06-train-outline-white.png",sizingMethod="scale")
}

@media (min-width:1310px) {
    #train-tab .side-tab-panel {
        top: 0
    }
}

#train-tab .panel-header-text:before {
    background-position: -3px -374px
}

#train-tab .form-group {
    margin: 10px 0 0 !important
}

#train-tab .form-wrapper .control-label, #train-tab label, .form-wrapper #train-tab .control-label {
    display: block;
    margin-bottom: 0
}

#train-tab select {
    width: 100%;
    background-position: 98% 18px !important
}

#train-tab input[type=submit] {
    margin: 0 0 10px
}

#train-tab #nearby-stations {
    display: none
}

.service-alerts {
    background: #fff;
    position: fixed;
    z-index: 50;
    width: 80px;
    bottom: 0;
    margin: 0 2.5%;
    max-height: 65px;
    box-shadow: 1px 1.732px 6px 1px rgba(0,0,0,.35)
}

html.lt-ie9 .service-alerts {
    border: 1px solid #c7c7c7;
    border-left: 0
}

.service-alerts.open {
    max-height: 320px;
    width: 95%
}

@media (min-width:768px) {
    .service-alerts.open {
        max-height: 400px
    }
}

@media (min-width:1310px) {
    .service-alerts {
        max-height: 100%;
        bottom: auto;
        left: 0;
        top: 175px;
        margin: 0;
        box-shadow: 1px 1.732px 21px 0 rgba(0,0,0,.35)
    }

        .service-alerts.open {
            display: block;
            width: 547px;
            max-height: 100%;
            margin: 0
        }
}

.service-alerts span {
    display: block
}

.service-alerts .details-header {
    opacity: 0;
    margin-left: -9999px;
    float: left;
    font-weight: 300;
    height: 100%
}

    .service-alerts .details-header .details-header-text {
        padding: 0 10px;
        position: absolute;
        top: 32px;
        font-size: 1.5625em
    }

@media (min-width:1310px) {
    .service-alerts .details-header .details-header-text {
        top: 42px
    }
}

@media (min-width:1310px) {
    .service-alerts .details-header {
        height: 85px
    }

    .open .service-alerts .details-header {
        display: block
    }

    .service-alerts .details-header .details-header-text {
        font-size: 1.875em
    }
}

.service-alerts.open .details-header {
    opacity: 1;
    margin-left: 0
}

    .service-alerts.open .details-header .close-details {
        text-align: right;
        color: #5e5e5e;
        cursor: pointer;
        right: 10px;
        position: absolute
    }

.service-alerts .alerts-content {
    display: none
}

@media (min-width:1310px) {
    .service-alerts .alerts-content {
        display: block;
        width: 80px;
        max-height: 430px;
        height: auto;
        overflow: hidden
    }
}

.service-alerts .alerts-content .simplebar-track {
    display: none !important
}

.service-alerts .alerts-content .simplebar-content {
    padding: 0;
    width: 100% !important
}

.service-alerts .alerts-content .simplebar-scroll-content {
    overflow: hidden !important
}

.service-alerts .alerts-content ul {
    list-style: none;
    padding: 0 !important
}

    .service-alerts .alerts-content ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        clear: both
    }

.service-alerts.open .alerts-content {
    display: block;
    width: 98%;
    max-height: 196px;
    background: #fff
}

@media (min-width:768px) {
    .service-alerts.open .alerts-content {
        max-height: 300px
    }
}

@media (min-width:1310px) {
    .service-alerts.open .alerts-content {
        max-height: 430px
    }
}

.service-alerts.open .alerts-content:before {
    background: #c7c7c7;
    content: "";
    height: 100%;
    left: 79px;
    position: absolute;
    width: 1px;
    z-index: 99
}

.service-alerts.open .alerts-content .simplebar-track {
    display: block !important
}

.service-alerts.open .alerts-content .simplebar-scroll-content {
    overflow: auto !important
}

.service-alerts .alert-details {
    float: left;
    width: 66%
}

@media (min-width:640px) {
    .service-alerts .alert-details {
        width: 75%
    }
}

@media (min-width:1310px) {
    .service-alerts .alert-details {
        margin-left: -9999px;
        opacity: 0;
        position: absolute
    }
}

.service-alerts .alert-details p {
    padding: 0 10px;
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
    font-size: .75em
}

@media (min-width:768px) {
    .service-alerts .alert-details p {
        font-size: .875em
    }
}

@media (min-width:1310px) {
    .service-alerts .alert-details p {
        font-size: 1em
    }
}

@media (min-width:1310px) {
    .service-alerts.open .alert-details {
        margin-left: 82px;
        opacity: 1
    }
}

.service-alerts .alert-icon {
    float: left;
    color: #fff;
    text-align: center;
    width: 80px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon {
        font-size: 1.875em
    }
}

.service-alerts .alert-icon.rail {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

    .service-alerts .alert-icon.rail + .alert-details {
        line-height: 65px
    }

@media (min-width:1310px) {
    .service-alerts .alert-icon.rail + .alert-details {
        line-height: 90px
    }
}

.service-alerts .alert-icon.rail span {
    margin: 7px auto 13px;
    background-size: cover;
    background-image: url(images/rail-colors-sf61bf73d27.19a2879905e3c17af797fb1781b41b9a.png);
    background-color: #fff;
    width: 45px;
    height: 45px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.rail span {
        width: 60px;
        height: 60px;
        margin: 15px auto
    }
}

html.lt-ie9 .service-alerts .alert-icon.rail span {
    background-image: none
}

html.lt-ie9 .service-alerts .alert-icon.rail.blue span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/blue.png",sizingMethod="scale")
}

.service-alerts .alert-icon.rail.green span {
    background-position: 0 -56px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.rail.green span {
        background-position: 0 -71px
    }
}

html.lt-ie9 .service-alerts .alert-icon.rail.green span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/green.png",sizingMethod="scale")
}

.service-alerts .alert-icon.rail.orange span {
    background-position: 0 -110px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.rail.orange span {
        background-position: 0 -147px
    }
}

html.lt-ie9 .service-alerts .alert-icon.rail.orange span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/orange.png",sizingMethod="scale")
}

.service-alerts .alert-icon.rail.red span {
    background-position: 0 -162px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.rail.red span {
        background-position: 0 -220px
    }
}

html.lt-ie9 .service-alerts .alert-icon.rail.red span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/red.png",sizingMethod="scale")
}

.service-alerts .alert-icon.rail.silver span {
    background-position: 0 -219px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.rail.silver span {
        background-position: 0 -290px
    }
}

html.lt-ie9 .service-alerts .alert-icon.rail.silver span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/silver.png",sizingMethod="scale")
}

.service-alerts .alert-icon.rail.yellow span {
    background-position: 0 -273px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.rail.yellow span {
        background-position: 0 -365px
    }
}

html.lt-ie9 .service-alerts .alert-icon.rail.yellow span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/yellow.png",sizingMethod="scale")
}

.service-alerts .alert-icon.bus, .service-alerts .alert-icon.rail-no-alert {
    background: #5e5e5e;
    border-top: 2px solid #fff;
    height: 60px;
    vertical-align: middle
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.bus, .service-alerts .alert-icon.rail-no-alert {
        height: 80px
    }
}

.service-alerts .alert-icon.bus span, .service-alerts .alert-icon.rail-no-alert span {
    background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
    background-size: cover;
    margin: 0 auto;
    width: 35px;
    height: 35px;
    background-position: 0 -117px
}

html.lt-ie9 .service-alerts .alert-icon.bus span, html.lt-ie9 .service-alerts .alert-icon.rail-no-alert span {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s03-bus-outline-white.png",sizingMethod="scale")
}

.service-alerts .alert-icon.bus + .alert-details, .service-alerts .alert-icon.rail-no-alert + .alert-details {
    line-height: 60px
}

@media (min-width:1310px) {
    .service-alerts .alert-icon.bus + .alert-details, .service-alerts .alert-icon.rail-no-alert + .alert-details {
        line-height: 80px
    }
}

.service-alerts .alert-icon.rail-no-alert span {
    background-position: 0 -223px
}

.service-alerts .alert-footer {
    background: #fff;
    clear: both;
    padding: 10px 20px 0 10px;
    border-top: 1px solid #c7c7c7;
    margin-top: 5px
}

@media (min-width:1310px) {
    .service-alerts .alert-footer {
        height: 60px;
        margin-top: 0;
        border: none
    }
}

.service-alerts .alert-footer * {
    color: #2d2d2d;
    font-size: .875em
}

.service-alerts .alert-footer a {
    text-decoration: underline
}

.service-alerts .alert-footer .open-arrow {
    cursor: pointer;
    height: 42px;
    width: 49px;
    background: url(images/arrows-sffa28ba240.4b3db0dbc759e6348f3d5e6b18195ccc.png) no-repeat 14px -158px transparent;
    background-size: 100%;
    display: none
}

@media (min-width:1310px) {
    .service-alerts .alert-footer .open-arrow {
        display: block
    }
}

html.lt-ie9 .service-alerts .alert-footer .open-arrow {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/arrows/s06-right-black.png",sizingMethod="scale")
}

.service-alerts .alert-footer .alert-footer-content > div:first-child {
    float: left
}

    .service-alerts .alert-footer .alert-footer-content > div:first-child + div {
        float: right;
        text-align: right
    }

@media (min-width:1310px) {
    .service-alerts .alert-footer .alert-footer-content > div {
        margin-left: -99999px;
        margin-right: 0;
        opacity: 0;
        width: 48%;
        position: absolute
    }
}

@media (min-width:1310px) {
    .service-alerts.open .alert-footer-content > div {
        margin-left: 0;
        opacity: 1;
        position: relative
    }
}

.service-alerts .alert-symbols .no-alerts-icon-wrapper {
    display: none
}

.service-alerts.no-alerts .alert-count-wrapper {
    background: #909090
}

    .service-alerts.no-alerts .alert-count-wrapper .count span {
        background-position: 0 -42px
    }

html.lt-ie9 .service-alerts.no-alerts .alert-count-wrapper .count span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s01-alert-outline-white.png",sizingMethod="scale");
    background-image: none
}

.service-alerts.no-alerts .alerts-content {
    height: auto
}

.service-alerts.open .alert-footer .open-arrow {
    display: none
}

.alerts-header {
    height: 65px;
    background: #ededed;
    position: relative
}

@media (min-width:1310px) {
    .alerts-header {
        height: 80px
    }
}

.alert-count-wrapper {
    background: url(images/bg-alert-tab.fc0906c6c404612411292c9587cd4cc8.png) repeat-x 0 0/cover #e13108;
    width: 80px;
    float: left;
    cursor: pointer;
    height: 100%
}

html.lt-ie9 .alert-count-wrapper {
    background: url(images/bg-alert-tab.fc0906c6c404612411292c9587cd4cc8.png) repeat-x 0 0 #e13108
}

.alert-count-wrapper .count {
    text-align: center;
    padding-top: 5px;
    color: #fff
}

@media (min-width:1310px) {
    .alert-count-wrapper .count {
        font-size: 1.875em
    }
}

.alert-count-wrapper .count span {
    background: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png) 0 0;
    background-size: cover;
    display: block;
    height: 37px;
    margin: 0 auto;
    width: 35px;
    color: #fff;
    font-size: 1em
}

html.lt-ie9 .alert-count-wrapper .count span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s00-alert.png",sizingMethod="scale");
    background-image: none
}

@media (min-width:1310px) {
    .alert-count-wrapper {
        height: 85px
    }
}

.rail-icon, .rail-icon-large, .rail-icon-md, .rail-icon-md-35, .rail-icon-small, .stop-option .sub-option .header-btn h4 span.rail, .trip-icon span.rail, ul.rail-list li span {
    background: url(images/rail-colors-sf61bf73d27.19a2879905e3c17af797fb1781b41b9a.png) no-repeat 0 0 transparent;
    background-size: 100%
}

    .rail-icon-large:not(.no-alerts), .rail-icon-md-35:not(.no-alerts), .rail-icon-md:not(.no-alerts), .rail-icon-small:not(.no-alerts), .rail-icon:not(.no-alerts), .stop-option .sub-option .header-btn h4 span.rail:not(.no-alerts), .trip-icon span.rail:not(.no-alerts), ul.rail-list li span:not(.no-alerts) {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

.stop-option .sub-option .header-btn h4 html.lt-ie9 span.rail, .trip-icon html.lt-ie9 span.rail, html.lt-ie9 .rail-icon, html.lt-ie9 .rail-icon-large, html.lt-ie9 .rail-icon-md, html.lt-ie9 .rail-icon-md-35, html.lt-ie9 .rail-icon-small, html.lt-ie9 .stop-option .sub-option .header-btn h4 span.rail, html.lt-ie9 .trip-icon span.rail, html.lt-ie9 ul.rail-list li span, ul.rail-list li html.lt-ie9 span {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background: none
}

    .stop-option .sub-option .header-btn h4 html.lt-ie9 span.blue.rail, .trip-icon html.lt-ie9 span.blue.rail, html.lt-ie9 .blue.rail-icon-large, html.lt-ie9 .blue.rail-icon-md, html.lt-ie9 .blue.rail-icon-md-35, html.lt-ie9 .blue.rail-icon-small, html.lt-ie9 .rail-icon.blue, html.lt-ie9 .stop-option .sub-option .header-btn h4 span.blue.rail, html.lt-ie9 .trip-icon span.blue.rail, html.lt-ie9 ul.rail-list li span.blue, ul.rail-list li html.lt-ie9 span.blue {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/blue.png",sizingMethod="scale")
    }

    .stop-option .sub-option .header-btn h4 html.lt-ie9 span.green.rail, .trip-icon html.lt-ie9 span.green.rail, html.lt-ie9 .green.rail-icon-large, html.lt-ie9 .green.rail-icon-md, html.lt-ie9 .green.rail-icon-md-35, html.lt-ie9 .green.rail-icon-small, html.lt-ie9 .rail-icon.green, html.lt-ie9 .stop-option .sub-option .header-btn h4 span.green.rail, html.lt-ie9 .trip-icon span.green.rail, html.lt-ie9 ul.rail-list li span.green, ul.rail-list li html.lt-ie9 span.green {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/green.png",sizingMethod="scale")
    }

    .stop-option .sub-option .header-btn h4 html.lt-ie9 span.orange.rail, .trip-icon html.lt-ie9 span.orange.rail, html.lt-ie9 .orange.rail-icon-large, html.lt-ie9 .orange.rail-icon-md, html.lt-ie9 .orange.rail-icon-md-35, html.lt-ie9 .orange.rail-icon-small, html.lt-ie9 .rail-icon.orange, html.lt-ie9 .stop-option .sub-option .header-btn h4 span.orange.rail, html.lt-ie9 .trip-icon span.orange.rail, html.lt-ie9 ul.rail-list li span.orange, ul.rail-list li html.lt-ie9 span.orange {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/orange.png",sizingMethod="scale")
    }

    .stop-option .sub-option .header-btn h4 html.lt-ie9 span.red.rail, .trip-icon html.lt-ie9 span.red.rail, html.lt-ie9 .rail-icon.red, html.lt-ie9 .red.rail-icon-large, html.lt-ie9 .red.rail-icon-md, html.lt-ie9 .red.rail-icon-md-35, html.lt-ie9 .red.rail-icon-small, html.lt-ie9 .stop-option .sub-option .header-btn h4 span.red.rail, html.lt-ie9 .trip-icon span.red.rail, html.lt-ie9 ul.rail-list li span.red, ul.rail-list li html.lt-ie9 span.red {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/red.png",sizingMethod="scale")
    }

    .stop-option .sub-option .header-btn h4 html.lt-ie9 span.silver.rail, .trip-icon html.lt-ie9 span.silver.rail, html.lt-ie9 .rail-icon.silver, html.lt-ie9 .silver.rail-icon-large, html.lt-ie9 .silver.rail-icon-md, html.lt-ie9 .silver.rail-icon-md-35, html.lt-ie9 .silver.rail-icon-small, html.lt-ie9 .stop-option .sub-option .header-btn h4 span.silver.rail, html.lt-ie9 .trip-icon span.silver.rail, html.lt-ie9 ul.rail-list li span.silver, ul.rail-list li html.lt-ie9 span.silver {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/silver.png",sizingMethod="scale")
    }

    .stop-option .sub-option .header-btn h4 html.lt-ie9 span.yellow.rail, .trip-icon html.lt-ie9 span.yellow.rail, html.lt-ie9 .rail-icon.yellow, html.lt-ie9 .stop-option .sub-option .header-btn h4 span.yellow.rail, html.lt-ie9 .trip-icon span.yellow.rail, html.lt-ie9 .yellow.rail-icon-large, html.lt-ie9 .yellow.rail-icon-md, html.lt-ie9 .yellow.rail-icon-md-35, html.lt-ie9 .yellow.rail-icon-small, html.lt-ie9 ul.rail-list li span.yellow, ul.rail-list li html.lt-ie9 span.yellow {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/rail-colors/yellow.png",sizingMethod="scale")
    }

.rail-icon-md {
    width: 45px;
    height: 45px;
    display: inline-block
}

    .rail-icon-md.blue {
        background-position: 0 0
    }

    .rail-icon-md.green {
        background-position: 0 -56px
    }

    .rail-icon-md.orange {
        background-position: 0 -110px
    }

    .rail-icon-md.red {
        background-position: 0 -162px
    }

    .rail-icon-md.silver {
        background-position: 0 -219px
    }

    .rail-icon-md.yellow {
        background-position: 0 -273px
    }

.rail-icon-md-35, ul.rail-list li span {
    width: 35px;
    height: 35px;
    display: inline-block
}

    .rail-icon-md-35.blue, ul.rail-list li span.blue {
        background-position: 0 0
    }

    .rail-icon-md-35.green, ul.rail-list li span.green {
        background-position: 0 -43px
    }

    .rail-icon-md-35.orange, ul.rail-list li span.orange {
        background-position: 0 -85px
    }

    .rail-icon-md-35.red, ul.rail-list li span.red {
        background-position: 0 -127px
    }

    .rail-icon-md-35.silver, ul.rail-list li span.silver {
        background-position: 0 -170px
    }

    .rail-icon-md-35.yellow, ul.rail-list li span.yellow {
        background-position: 0 -212px
    }

.rail-icon-small, .stop-option .sub-option .header-btn h4 span.rail, .trip-icon span.rail {
    width: 25px;
    height: 25px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

    .rail-icon-small.blue, .stop-option .sub-option .header-btn h4 span.blue.rail, .trip-icon span.blue.rail {
        background-position: 0 0
    }

    .rail-icon-small.green, .stop-option .sub-option .header-btn h4 span.green.rail, .trip-icon span.green.rail {
        background-position: 0 -31px
    }

    .rail-icon-small.orange, .stop-option .sub-option .header-btn h4 span.orange.rail, .trip-icon span.orange.rail {
        background-position: 0 -61px
    }

    .rail-icon-small.red, .stop-option .sub-option .header-btn h4 span.red.rail, .trip-icon span.red.rail {
        background-position: 0 -91px
    }

    .rail-icon-small.silver, .stop-option .sub-option .header-btn h4 span.silver.rail, .trip-icon span.silver.rail {
        background-position: 0 -121px
    }

    .rail-icon-small.yellow, .stop-option .sub-option .header-btn h4 span.yellow.rail, .trip-icon span.yellow.rail {
        background-position: 0 -151px
    }

.bus-icon, .bus-icon-small, .trip-icon span.bus, .trip-icon span.walk, .walk-icon-small {
    background: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png) no-repeat 0 0 transparent;
    background-size: 100%
}

    .bus-icon-small:not(.no-alerts), .bus-icon:not(.no-alerts), .trip-icon span.bus:not(.no-alerts), .trip-icon span.walk:not(.no-alerts), .walk-icon-small:not(.no-alerts) {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

.bus-icon-small, .trip-icon span.bus {
    width: 35px;
    height: 35px;
    background-position: 0 -84px
}

.trip-icon html.lt-ie9 span.bus, html.lt-ie9 .bus-icon-small, html.lt-ie9 .trip-icon span.bus {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s02-bus-outline-black.png",sizingMethod="scale")
}

.trip-icon span.walk, .walk-icon-small {
    width: 35px;
    height: 35px;
    background-position: 0 -752px
}

.trip-icon html.lt-ie9 span.walk, html.lt-ie9 .trip-icon span.walk, html.lt-ie9 .walk-icon-small {
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s20-walking.png",sizingMethod="scale")
}

.next-arrivals .page-wrapper.service-nearby .next-bus-results, .page-wrapper.service-nearby #service-results, .page-wrapper.service-nearby .next-arrivals .next-bus-results, .page-wrapper.service-nearby .trip-planner-wrapper {
    margin-bottom: 50px
}

.page-wrapper.service-nearby .form-wrapper {
    padding-top: 20px
}

@media (min-width:768px) {
    .page-wrapper.service-nearby .form-wrapper {
        position: relative;
        padding-top: 0
    }

        .page-wrapper.service-nearby .form-wrapper:before {
            content: "";
            background: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png) no-repeat 0 -708px/100% transparent;
            width: 75px;
            height: 75px;
            position: absolute;
            left: -65px
        }
}

@media (min-width:768px) and (min-width:1200px) {
    .page-wrapper.service-nearby .form-wrapper:before {
        left: -75px
    }
}

.page-wrapper.service-nearby .form-wrapper .control-label, .page-wrapper.service-nearby .form-wrapper label {
    color: #3b6798;
    display: block
}

@media (min-width:992px) {
    .page-wrapper.service-nearby .form-wrapper .control-label, .page-wrapper.service-nearby .form-wrapper label {
        font-size: 1.125em
    }
}

.page-wrapper.service-nearby .form-wrapper .form-group.inline input, .page-wrapper.service-nearby .form-wrapper .form-group.inline select {
    margin-bottom: 20px;
    margin-top: 0
}

.page-wrapper.service-nearby .form-wrapper .form-group.inline select {
    width: 100%
}

@media (min-width:768px) {
    .page-wrapper.service-nearby .form-wrapper .form-group.inline > div, .page-wrapper.service-nearby .form-wrapper .form-group.inline input[type=submit] {
        display: inline-block
    }

    .page-wrapper.service-nearby .form-wrapper .form-group.inline select {
        margin-right: 35px;
        width: auto
    }
}

.page-wrapper.service-nearby .form-wrapper input[type=text] {
    width: 100%;
    margin: 0 0 20px
}

@media (min-width:992px) {
    .page-wrapper.service-nearby .form-wrapper input[type=text] {
        width: 60%
    }
}

.page-wrapper.service-nearby .form-wrapper input[type=submit] {
    max-height: 40px
}

#service-results, .next-arrivals .next-bus-results {
    padding: 20px
}

@media (min-width:992px) {
    #service-results, .next-arrivals .next-bus-results {
        padding: 30px 50px 50px
    }
}

#service-results .service-col h2, .next-arrivals .next-bus-results .service-col h2 {
    font-size: 1.125em
}

@media (min-width:768px) {
    #service-results .service-col h2, .next-arrivals .next-bus-results .service-col h2 {
        font-size: 1.5em
    }
}

#service-results .service-col:first-child, .next-arrivals .next-bus-results .service-col:first-child {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    #service-results .service-col:first-child, .next-arrivals .next-bus-results .service-col:first-child {
        float: left;
        width: 41.66666667%
    }
}

#service-results .service-col:last-child, .next-arrivals .next-bus-results .service-col:last-child {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    #service-results .service-col:last-child, .next-arrivals .next-bus-results .service-col:last-child {
        float: left;
        width: 54.16666667%;
        margin-left: 4.16666667%
    }
}

@media (min-width:992px) {
    #service-results .service-col .trip-details-header h2, #service-results .service-col .trip-details-header li, .next-arrivals .next-bus-results .service-col .trip-details-header h2, .next-arrivals .next-bus-results .service-col .trip-details-header li {
        margin-bottom: 0;
        padding-bottom: 0
    }
}

@media (min-width:420px) {
    #service-results .service-col .trip-details-header h2, .next-arrivals .next-bus-results .service-col .trip-details-header h2 {
        float: left
    }

    #service-results .service-col .trip-details-header ul, .next-arrivals .next-bus-results .service-col .trip-details-header ul {
        float: right
    }
}

#service-results .service-col .trip-utilities a, .next-arrivals .next-bus-results .service-col .trip-utilities a {
    line-height: 0
}

#service-results .tabs-wrapper, .next-arrivals .next-bus-results .tabs-wrapper {
    margin: 30px 0
}

#service-results .nav-tabs, .next-arrivals .next-bus-results .nav-tabs {
    border-bottom: none;
    padding-left: 0 !important
}

    #service-results .nav-tabs li, .next-arrivals .next-bus-results .nav-tabs li {
        padding-bottom: 0 !important;
        width: 50%;
        border: 1px solid #5481b3;
        background: #edf4fb
    }

        #service-results .nav-tabs li:first-child, .next-arrivals .next-bus-results .nav-tabs li:first-child {
            border-right: none
        }

        #service-results .nav-tabs li.active, .next-arrivals .next-bus-results .nav-tabs li.active {
            border-bottom: none;
            background: #fff
        }

        #service-results .nav-tabs li a, .next-arrivals .next-bus-results .nav-tabs li a {
            border-radius: 0;
            border: none;
            color: #5481b3;
            text-align: center;
            padding: 8px 0
        }

@media (min-width:0) and (max-width:640px) {
    #service-results .nav-tabs li a, .next-arrivals .next-bus-results .nav-tabs li a {
        font-size: .71875em;
        font-weight: 700
    }
}

@media (min-width:992px) and (max-width:1200px) {
    #service-results .nav-tabs li a, .next-arrivals .next-bus-results .nav-tabs li a {
        font-size: .8125em
    }
}

@media (min-width:0) and (max-width:768px) {
    #service-results .toggle-links a, .next-arrivals .next-bus-results .toggle-links a {
        font-size: .75em
    }
}

#service-results .load-more, .next-arrivals .next-bus-results .load-more {
    text-align: center;
    color: #4b77a8;
    margin-top: 30px;
    cursor: pointer
}

.stop-option h3 {
    background-color: #edf4fb;
    line-height: 30px;
    padding-left: 15px;
    font-weight: 500;
    font-size: 1em
}

    .stop-option h3:before {
        content: "<";
        padding-right: 5px
    }

@media (min-width:768px) {
    .stop-option h3 {
        font-size: 1.21875em;
        line-height: 40px
    }

        .stop-option h3:before {
            font-size: 1.25em
        }
}

.stop-option .sub-option {
    margin-bottom: 5px;
    padding: 0 20px
}

    .stop-option .sub-option:nth-child(odd) {
        background: #f3f6f9
    }

#route-line .stop-option .sub-option:nth-child(odd) {
    background: #f1f1f1
}

.stop-option .sub-option .header-btn {
    cursor: pointer
}

    .stop-option .sub-option .header-btn h4 {
        float: left;
        font-weight: 500;
        max-width: 90%
    }

    .stop-option .sub-option .header-btn .toggle-option {
        float: right;
        line-height: 40px
    }

        .stop-option .sub-option .header-btn .toggle-option span {
            display: inline-block;
            min-width: 10px;
            text-align: center
        }

.stop-option .sub-option h5 {
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 20px
}

.stop-option .sub-option ul {
    list-style: none;
    padding-left: 0
}

    .stop-option .sub-option ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0
    }

.stop-option .sub-option ol {
    padding-left: 20px
}

.stop-option .sub-option li {
    padding-bottom: 0 !important
}

.stop-option .sub-option .sub-option-details {
    font-size: .875em;
    padding-bottom: 20px;
    display: none
}

.stop-option .sub-option .toggle-directions {
    margin-bottom: 12px
}

    .stop-option .sub-option .toggle-directions a > span {
        color: inherit !important
    }

    .stop-option .sub-option .toggle-directions > span {
        background: url(images/chevron-s87298b2447.041e57650445d5a1a77a628a02833944.png) no-repeat 0 -135px/100% transparent;
        display: inline-block;
        height: 13px;
        margin-left: 10px;
        vertical-align: middle;
        width: 13px
    }

html.lt-ie9 .stop-option .sub-option .toggle-directions > span {
    background-image: none;
    height: 9px;
    width: 6px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/chevron/s04-right.png",sizingMethod="scale")
}

.stop-option .sub-option .toggle-directions a.close-directions + span {
    background-position: 0 4px
}

html.lt-ie9 .stop-option .sub-option .toggle-directions a.close-directions + span {
    height: 6px;
    width: 12px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/chevron/s00-down.png",sizingMethod="scale")
}

.stop-option .sub-option .directions {
    display: none
}

.stop-option .sub-option .stop-id {
    padding-right: 10px
}

    .stop-option .sub-option .stop-id:after {
        content: "|";
        padding-left: 10px
    }

html.lt-ie9 .stop-option .sub-option .stop-id {
    display: block
}

.sidebar-title {
    text-transform: uppercase;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .sidebar-title {
        font-size: 1.375em;
        line-height: 1.2;
        font-weight: 300
    }
}

.side-nav ul {
    list-style: none;
    padding: 0
}

    .side-nav ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        margin-bottom: 30px
    }

.sidebar-item {
    border-bottom: 2px solid #5e88b7;
    margin-bottom: 30px
}

    .sidebar-item:last-child {
        border-bottom: none
    }

@media (min-width:992px) {
    .side-nav .sidebar-item-content {
        padding: 0 20px
    }

    .subscribe .sidebar-item-content {
        padding: 20px 5px
    }
}

.subscribe .sidebar-item-content .sidebar-title {
    margin-bottom: 0
}

@media (min-width:992px) {
    .subscribe .sidebar-item-content .sidebar-title {
        position: relative;
        padding-top: 40px
    }

        .subscribe .sidebar-item-content .sidebar-title:before {
            content: "";
            background: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png) 0 -690px/100% no-repeat transparent;
            width: 80px;
            height: 45px;
            position: absolute;
            top: -20px;
            left: 33%
        }

    html.lt-ie9 .subscribe .sidebar-item-content .sidebar-title:before {
        background: none;
        position: static
    }
}

.subscribe .sidebar-item-content input {
    width: 100%
}

@media (min-width:640px) and (max-width:768px) {
    .subscribe .sidebar-item-content input {
        width: 70%
    }
}

.sidebar-item-content .small-text {
    margin-top: 20px
}

@media (min-width:992px) {
    .ad-space .sidebar-item-content {
        padding-top: 55px
    }
}

.ad-space .sidebar-item-content .ad, .ad-space .sidebar-item-content .ad-160x600, .ad-space .sidebar-item-content .ad-180x150 {
    margin: 0 auto 45px;
    text-align: center
}

.ad-space .sidebar-item-content .ad-180x150 {
    width: 180px;
    height: 150px
}

.ad-space .sidebar-item-content .ad-160x600 {
    width: 160px;
    height: 600px
}

.station-page h3 {
    font-size: 1.5em
}

@media (min-width:768px) {
    .station-page .content, .station-page .content-wrapper {
        padding: 0 !important
    }
}

.station-alert-wrapper {
    background: #be462b;
    margin-bottom: 25px;
    padding: 15px
}

html.lt-ie9 .station-alert-wrapper {
    position: relative
}

.station-alert-wrapper * {
    color: #fff !important
}

.station-alert-wrapper p, .station-alert-wrapper ul {
    margin-bottom: 0
}

.station-alert-wrapper li {
    padding-bottom: 0 !important
}

.station-alert-wrapper a {
    border-bottom-color: #fff
}

    .station-alert-wrapper a:hover {
        color: #fff
    }

.station-info-wrapper {
    border: 1px solid #5481b3;
    margin-bottom: 40px;
    display: table;
    width: 100%
}

    .station-info-wrapper .station-address p {
        font-size: 1.125em;
        font-weight: 300
    }

@media (min-width:1200px) {
    .station-info-wrapper .station-address, .station-info-wrapper .station-lines {
        float: left;
        width: 50%
    }
}

.station-info-wrapper .small-text {
    margin-bottom: 0
}

.station-map-wrapper {
    width: 100%;
    margin-bottom: 12px
}

ul.rail-list {
    margin: 0;
    padding: 0;
    border: 0;
    padding: 0 !important
}

    ul.rail-list:after, ul.rail-list:before {
        content: " ";
        display: table
    }

    ul.rail-list:after {
        clear: both
    }

    ul.rail-list li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 4px;
        padding-right: 4px
    }

        ul.rail-list li:first-child {
            padding-left: 0
        }

        ul.rail-list li.last, ul.rail-list li:last-child {
            padding-right: 0
        }

@media (min-width:992px) {
    ul.rail-list {
        float: right
    }
}

ul.rail-list li {
    padding-bottom: 0 !important
}

    ul.rail-list li .station-name {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0
    }

.station-info-col {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: none !important
}

@media (min-width:768px) {
    .station-info-col {
        float: left;
        width: 50%
    }
}

.station-info-col.details {
    padding: 0 !important
}

    .inner .station-info-col.details .main-content, .next-arrivals .station-info-col.details .next-arrivals-wrapper, .next-arrivals .station-info-col.details .next-bus-results, .station-info-col.details .inner .main-content, .station-info-col.details .maps-bus-content, .station-info-col.details .maps-bus-rail-content, .station-info-col.details .maps-rail-content, .station-info-col.details .maps-wrapper, .station-info-col.details .next-arrivals .next-arrivals-wrapper, .station-info-col.details .next-arrivals .next-bus-results, .station-info-col.details .next-train-results, .station-info-col.details .row, .station-info-col.details .status .current-alerts .form-container, .station-info-col.details .status .planned-changes .form-container, .station-info-col.details .status .system-status, .station-info-col.map, .status .current-alerts .station-info-col.details .form-container, .status .planned-changes .station-info-col.details .form-container, .status .station-info-col.details .system-status {
        padding: 20px 20px 0
    }

@media (min-width:768px) {
    .inner .station-info-col.details .main-content, .next-arrivals .station-info-col.details .next-arrivals-wrapper, .next-arrivals .station-info-col.details .next-bus-results, .station-info-col.details .inner .main-content, .station-info-col.details .maps-bus-content, .station-info-col.details .maps-bus-rail-content, .station-info-col.details .maps-rail-content, .station-info-col.details .maps-wrapper, .station-info-col.details .next-arrivals .next-arrivals-wrapper, .station-info-col.details .next-arrivals .next-bus-results, .station-info-col.details .next-train-results, .station-info-col.details .row, .station-info-col.details .status .current-alerts .form-container, .station-info-col.details .status .planned-changes .form-container, .station-info-col.details .status .system-status, .station-info-col.map, .status .current-alerts .station-info-col.details .form-container, .status .planned-changes .station-info-col.details .form-container, .status .station-info-col.details .system-status {
        padding: 20px 20px 30px
    }
}

@media (min-width:768px) {
    .station-info-col {
        display: table-cell;
        vertical-align: top
    }

        .station-info-col:first-child {
            border-right: 1px solid #5481b3
        }
}

.station-info-col.details .detail-item {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:768px) {
    .station-info-col.details .detail-item {
        float: left;
        width: 50%
    }
}

.station-info-col.details .detail-item:first-child + .detail-item + .detail-item {
    clear: both
}

@media (min-width:768px) {
    .station-info-col.details .detail-item:first-child {
        margin-bottom: 30px
    }
}

@media (min-width:640px) {
    .station-info-col.details .detail-item-content {
        position: relative;
        width: 88%;
        float: right
    }

    html.lt-ie9 .station-info-col.details .detail-item-content {
        width: 100%;
        float: none
    }

    .station-info-col.details .detail-item-content:before {
        content: "";
        background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 50px;
        height: 50px;
        position: absolute;
        left: -80px;
        top: 0
    }

    html.lt-ie9 .station-info-col.details .detail-item-content:before {
        background: none
    }
}

@media (min-width:768px) {
    .station-info-col.details .detail-item-content {
        width: 65%
    }
}

@media (min-width:768px) and (max-width:992px) {
    .station-info-col.details .detail-item-content {
        font-size: .875em;
        width: 70%
    }

        .station-info-col.details .detail-item-content:before {
            left: -55px
        }
}

.station-info-col.details .detail-item-content.parking:before {
    background-position: 15px -908px
}

.station-info-col.details .detail-item-content.bikes:before {
    background-position: 0 -637px
}

.station-info-col.details .detail-item-content.carsharing:before {
    background-position: 0 -1464px;
    height: 30px !important;
    width: 60px !important
}

.station-info-col.details .detail-item-content.bus:before {
    background-position: 0 -221px
}

.station-info-col.details ul {
    list-style-image: none;
    list-style-type: none;
    margin-left: 0;
    padding: 0 !important
}

.station-info-col.details li {
    padding-bottom: 0 !important;
    font-weight: 300
}

.station-info-col.details p {
    margin-bottom: 0
}

.station-info-buttons {
    border-top: 1px solid #5481b3;
    padding-top: 20px;
    text-align: center
}

    .inner-service-alerts .panel-content .station-info-buttons input[type=submit], .station-info-buttons .button, .station-info-buttons .inner-service-alerts .panel-content input[type=submit] {
        width: 85%;
        margin: 0 auto 20px
    }

@media (min-width:0) and (max-width:768px) {
    .inner-service-alerts .panel-content .station-info-buttons input[type=submit], .station-info-buttons .button, .station-info-buttons .inner-service-alerts .panel-content input[type=submit] {
        font-size: .75em
    }
}

@media (min-width:992px) {
    .inner-service-alerts .panel-content .station-info-buttons input[type=submit], .station-info-buttons .button, .station-info-buttons .inner-service-alerts .panel-content input[type=submit] {
        display: inline-block;
        width: auto
    }

        .inner-service-alerts .panel-content .station-info-buttons input[type=submit]:first-child, .station-info-buttons .button:first-child, .station-info-buttons .inner-service-alerts .panel-content input[type=submit]:first-child {
            margin-right: 30px
        }
}

.maps-notes-wrapper {
    border: 1px solid #5481b3;
    border-width: 1px 0;
    padding: 20px 0
}

.two-col-grid {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
    float: none !important
}

@media (min-width:768px) {
    .two-col-grid {
        float: left;
        width: 50%;
        display: table-cell
    }
}

@media (min-width:768px) {
    .two-col-grid:first-child {
        border-right: 1px solid #5481b3
    }

    .two-col-grid:last-child {
        padding-left: 33px
    }
}

.station-times-table {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:768px) {
    .station-times-table {
        float: left;
        width: 41.66666667%
    }
}

@media (min-width:992px) {
    .station-times-table:last-child {
        margin-left: 4.16666667%
    }
}

.station-times-table table {
    width: 100%;
    border-collapse: collapse
}

    .station-times-table table caption {
        background: #4b77a8;
        color: #fff !important;
        padding: 5px 15px
    }

    .station-times-table table thead {
        border-bottom: 2px solid #4b77a8
    }

    .station-times-table table tfoot {
        border-top: 1px solid #4b77a8;
        font-size: .875em
    }

    .station-times-table table th {
        font-weight: 700
    }

        .station-times-table table th:first-child {
            text-align: left
        }

    .station-times-table table td:first-child {
        text-align: left;
        width: 65%
    }

    .station-times-table table td, .station-times-table table th {
        padding: 10px 0
    }

@media (min-width:0) and (max-width:768px) {
    .station-times-table table td, .station-times-table table th {
        font-size: .75em
    }
}

.station-times-table table td:first-child, .station-times-table table th:first-child {
    padding-left: 15px
}

.station-tabs-wrapper .nav-tabs {
    padding: 0 !important;
    border-bottom: none;
    margin-bottom: 0
}

@media (min-width:640px) {
    .station-tabs-wrapper .nav-tabs {
        margin-bottom: 15px
    }
}

.station-tabs-wrapper .nav-tabs li {
    width: 33%;
    padding-bottom: 0 !important;
    text-align: center;
    position: relative;
    height: 100px;
    border-left: 1px solid #5481b3
}

    .station-tabs-wrapper .nav-tabs li:first-child {
        border-left: none
    }

@media (min-width:768px) {
    .station-tabs-wrapper .nav-tabs li {
        height: 150px
    }
}

.station-tabs-wrapper .nav-tabs li a[role=tab] {
    border: none;
    bottom: 0;
    position: absolute;
    width: 100%;
    background: transparent;
    border-radius: 0
}

    .station-tabs-wrapper .nav-tabs li a[role=tab]:hover {
        background: none
    }

.station-tabs-wrapper .nav-tabs li .tab-icon {
    display: none
}

@media (min-width:640px) {
    .station-tabs-wrapper .nav-tabs li .tab-icon {
        display: block;
        background: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png) no-repeat 0 0/100% transparent;
        margin: 0 auto;
        height: 50px
    }

    html.lt-ie9 .station-tabs-wrapper .nav-tabs li .tab-icon {
        background-image: none
    }
}

.station-tabs-wrapper .nav-tabs li a[href="#status"] .tab-icon {
    width: 35px
}

@media (min-width:640px) and (max-width:768px) {
    .station-tabs-wrapper .nav-tabs li a[href="#status"] .tab-icon {
        height: 38px;
        background-position: 15px -959px
    }
}

@media (min-width:768px) {
    .station-tabs-wrapper .nav-tabs li a[href="#status"] .tab-icon {
        background-position: 0 -959px
    }
}

html.lt-ie9 .station-tabs-wrapper .nav-tabs li a[href="#status"] .tab-icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s26-status.png",sizingMethod="scale")
}

.station-tabs-wrapper .nav-tabs li a[href="#fares"] .tab-icon {
    width: 70px;
    background-position: 0 -1213px
}

html.lt-ie9 .station-tabs-wrapper .nav-tabs li a[href="#fares"] .tab-icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s16-metrofare.png",sizingMethod="scale")
}

.station-tabs-wrapper .nav-tabs li a[href="#next-train"] .tab-icon {
    width: 50px;
    background-position: 0 -373px
}

html.lt-ie9 .station-tabs-wrapper .nav-tabs li a[href="#next-train"] .tab-icon {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s07-train-lt-blue.png",sizingMethod="scale")
}

@media (min-width:0) and (max-width:768px) {
    .station-tabs-wrapper .nav-tabs li h3 {
        font-size: 1em;
        margin-top: 0;
        font-weight: 500
    }
}

.station-tabs-wrapper .nav-tabs li .inline-alert {
    margin-top: 0
}

    .station-tabs-wrapper .nav-tabs li .inline-alert img {
        margin: 0 auto 10px !important;
        float: none
    }

@media (min-width:640px) {
    .station-tabs-wrapper .nav-tabs li .inline-alert img {
        margin-right: 10px !important;
        display: inline
    }
}

.station-tabs-wrapper .nav-tabs li .inline-alert span {
    font-size: .8em !important;
    display: block
}

@media (min-width:0) and (max-width:640px) {
    .station-tabs-wrapper .nav-tabs li.active {
        background: #f3f6f9
    }
}

.tab-panel-content {
    background: #f3f6f9;
    padding: 30px;
    font-size: .875em
}

    .tab-panel-content .tab-btn {
        margin: -25px 0 20px;
        text-align: right
    }

@media (min-width:640px) {
    .tab-panel-content .tab-btn {
        position: relative
    }

        .tab-panel-content .tab-btn .active-arrow {
            border-bottom: 50px solid #f3f6f9;
            border-left: 50px solid transparent;
            border-right: 50px solid transparent;
            display: none;
            font-size: 0;
            line-height: 0;
            position: absolute;
            top: -22px;
            width: 0
        }
}

.tab-panel-content .tab-btn span {
    display: inline-block;
    background-image: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png);
    background-repeat: no-repeat;
    background-size: 100%;
    width: 25px;
    height: 25px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    cursor: pointer
}

    .tab-panel-content .tab-btn span.close-panel {
        background-position: 0 -34px
    }

    .tab-panel-content .tab-btn span.pop-out {
        background-position: 0 -164px
    }

html.lt-ie9 .tab-panel-content .tab-btn span {
    background-image: none
}

    html.lt-ie9 .tab-panel-content .tab-btn span.close-panel {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s01-close.png",sizingMethod="scale")
    }

    html.lt-ie9 .tab-panel-content .tab-btn span.pop-out {
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s05-popout.png",sizingMethod="scale")
    }

.tab-panel-content table {
    width: 100%
}

.tab-panel-content thead {
    border-bottom: 2px solid #5481b3
}

.tab-panel-content tbody {
    background: #fff;
    border-top: 1px solid #5481b3
}

@media (min-width:0) and (max-width:992px) {
    .tab-pane .panel-col {
        margin-bottom: 40px
    }

        .tab-pane .panel-col:last-child {
            margin-bottom: 0
        }
}

.tab-pane#status.active .active-arrow {
    display: block;
    left: 6%
}

@media (min-width:992px) {
    .tab-pane#status.active .active-arrow {
        left: 8%
    }
}

.tab-pane#status .panel-col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: "20px"/2;
    padding-right: "20px"/2;
    padding-left: 10px !important;
    padding-right: 10px !important
}

@media (min-width:992px) {
    .tab-pane#status .panel-col {
        float: left;
        width: 33.33333333%
    }
}

.tab-pane#status ul {
    list-style: none
}

    .tab-pane#status ul li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0
    }

.tab-pane#status .status-details, .tab-pane#status .status-icon {
    display: table-cell;
    vertical-align: top
}

    .tab-pane#status .status-icon span {
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
        display: block
    }

.tab-pane#status .status-details {
    padding-left: 10px
}

.tab-pane#status .details ul, .tab-pane#status .status ul {
    padding: 0
}

.tab-pane#status .details li, .tab-pane#status .status li {
    clear: both;
    display: table;
    width: 100%
}

.tab-pane#status .status li {
    font-size: 1.125em
}

.tab-pane#status .status .status-icon {
    width: 40px
}

    .tab-pane#status .status .status-icon span {
        background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-color: transparent;
        width: 40px;
        height: 40px
    }

html.lt-ie9 .tab-pane#status .status .status-icon span {
    background-image: none
}

.tab-pane#status .status .status-icon.elevator span {
    background-position: 0 -546px
}

html.lt-ie9 .tab-pane#status .status .status-icon.elevator span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s13-elevator.png",sizingMethod="scale")
}

.tab-pane#status .status .status-icon.escalator span {
    background-position: 0 -597px
}

html.lt-ie9 .tab-pane#status .status .status-icon.escalator span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s14-escalator.png",sizingMethod="scale")
}

.tab-pane#status .status .status-icon.other span {
    background-position: 0 -1052px
}

html.lt-ie9 .tab-pane#status .status .status-icon.other span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s25-alert-outline-gray.png",sizingMethod="scale")
}

.tab-pane#status .status .status-details {
    padding-left: 20px
}

    .tab-pane#status .status .status-details span {
        font-size: .875em;
        color: #333 !important;
        display: block
    }

.tab-pane#status .details .status-icon {
    width: 20px
}

    .tab-pane#status .details .status-icon span {
        background-image: url(images/status-s3addad1061.ab69913932e8b2d7016cf88e16cbb937.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-color: transparent;
        width: 20px;
        height: 25px
    }

html.lt-ie9 .tab-pane#status .details .status-icon span {
    background-image: none;
    height: 20px
}

.tab-pane#status .details .status-icon.ok span {
    background-position: 0 -36px
}

html.lt-ie9 .tab-pane#status .details .status-icon.ok span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/status/ok.png",sizingMethod="scale")
}

.tab-pane#status .details .status-icon.station-alert span {
    background-position: 0 4px
}

html.lt-ie9 .tab-pane#status .details .status-icon.station-alert span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/status/alert.png",sizingMethod="scale")
}

.tab-pane#status .custom-scroll {
    max-height: 406px;
    height: 406px !important
}

.tab-pane#status .simplebar-content {
    width: 85% !important;
    padding: 0 15px
}

.tab-pane#status .simplebar-track {
    right: 8px;
    bottom: 8px
}

.tab-pane#fares.active .active-arrow {
    display: block;
    left: 40%
}

@media (min-width:992px) {
    .tab-pane#fares.active .active-arrow {
        left: 44%
    }
}

.form-wrapper .tab-pane#fares .control-label, .tab-pane#fares .form-wrapper .control-label, .tab-pane#fares label {
    font-weight: 400
}

.tab-pane#fares select {
    width: 100%;
    margin-right: 10px;
    padding-right: 55px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

@media (min-width:768px) {
    .tab-pane#fares select {
        max-width: 310px
    }

        .tab-pane#fares select option {
            width: 290px
        }
}

html.lt-ie9 .tab-pane#fares select {
    padding-right: 0
}

@media (min-width:0) and (max-width:768px) {
    .form-wrapper .tab-pane#fares .control-label, .tab-pane#fares .form-wrapper .control-label, .tab-pane#fares input, .tab-pane#fares label, .tab-pane#fares select {
        display: block
    }

    .tab-pane#fares input {
        margin-bottom: 20px
    }
}

.tab-pane#fares th {
    padding: 20px 20px 10px
}

.tab-pane#fares td {
    padding: 20px
}

@media (min-width:0) and (max-width:768px) {
    .tab-pane#fares table {
        display: block;
        background: #fff
    }

        .tab-pane#fares table:after, .tab-pane#fares table:before {
            content: " ";
            display: table
        }

        .tab-pane#fares table:after {
            clear: both
        }

    .tab-pane#fares tbody, .tab-pane#fares thead {
        border: none
    }

    .tab-pane#fares th {
        display: none
    }

    .tab-pane#fares td {
        display: block
    }

        .tab-pane#fares td:before {
            font-weight: 700;
            padding-right: 10px
        }

        .tab-pane#fares td:first-child:before {
            content: "Arriving Here:"
        }

        .tab-pane#fares td:nth-child(2):before {
            content: "Lines:"
        }

        .tab-pane#fares td:nth-child(3):before {
            content: "Peak Fare:"
        }

        .tab-pane#fares td:nth-child(4):before {
            content: "Off-Peak:"
        }

        .tab-pane#fares td:nth-child(5):before {
            content: "Lines:"
        }

        .tab-pane#fares td:nth-child(6):before {
            content: "Senior Disabled / Medicare Fare:"
        }

        .tab-pane#fares td:nth-child(7):before {
            content: "Distance (miles):"
        }

        .tab-pane#fares td:nth-child(8):before {
            content: "Time (mins):"
        }
}

.tab-pane#next-train.active .active-arrow {
    display: block;
    left: 77%
}

@media (min-width:992px) {
    .tab-pane#next-train.active .active-arrow {
        left: 80%
    }
}

.tab-pane#next-train .panel-col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    .tab-pane#next-train .panel-col {
        float: left;
        width: 41.66666667%;
        margin-left: 8.33333333%
    }
}

.tab-pane#next-train td, .tab-pane#next-train th {
    padding: 10px 5px;
    vertical-align: top
}

@media (min-width:768px) {
    .tab-pane#next-train td, .tab-pane#next-train th {
        padding: 10px 20px
    }
}

.tab-pane#next-train .update {
    margin-top: 20px;
    text-align: center
}

    .tab-pane#next-train .update span {
        padding: 0 10px
    }

@media (min-width:0) and (max-width:992px) {
    .tab-pane#next-train .update span {
        color: #f3f6f9
    }

        .tab-pane#next-train .update span:after {
            content: "";
            display: block
        }
}

.status .system-status .status-descripion {
    margin-bottom: 1.75em
}

    .status .system-status .status-descripion > h3 {
        margin-top: 0
    }

.status .system-status .status-map {
    margin-bottom: 1.75em
}

.status .system-status .map-placeholder {
    border: 1px solid #537da9;
    height: auto;
    padding: 1.75em;
    background: #fff;
    display: block;
    height: 350px;
    text-align: center;
    width: 100%
}

.status .system-status .alerts {
    text-align: center;
    margin-top: 1.5em
}

    .status .system-status .alerts:not(.no-alerts) h3 {
        color: #b43955;
        display: inline-block
    }

.status .system-status .bus-alerts .grid-image {
    height: 95px;
    margin: 0 auto;
    width: 115px
}

    .status .system-status .bus-alerts .grid-image:before {
        background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
        background-size: 100%;
        background-position: 0 16.36536632%;
        content: "";
        display: block;
        height: 0;
        padding-bottom: 81.57894737%;
        width: 100%
    }

html.lt-ie9 .status .system-status .bus-alerts .grid-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s04-bus-lt-blue.png",sizingMethod="scale")
}

    html.lt-ie9 .status .system-status .bus-alerts .grid-image:before {
        display: none
    }

.status .system-status .train-alerts .grid-image {
    height: 95px;
    width: 115px;
    margin: 0 auto
}

    .status .system-status .train-alerts .grid-image:before {
        background-image: url(images/services-s99baa34738.fa9dc5ea15d35cf8611a5c8ee4c2511d.png);
        background-size: 100%;
        background-position: 0 27.49762131%;
        content: "";
        display: block;
        height: 0;
        padding-bottom: 81.57894737%;
        width: 100%
    }

html.lt-ie9 .status .system-status .train-alerts .grid-image {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/services/s07-train-lt-blue.png",sizingMethod="scale")
}

    .status .status-buttons, html.lt-ie9 .status .system-status .train-alerts .grid-image:before {
        display: none
    }

@media (min-width:768px) {
    .status .status-buttons {
        display: block;
        border-top: 1px solid #537da9;
        clear: both;
        margin: 1.75em -2em 0;
        padding: 1.75em 1.75em 0;
        text-align: center
    }

        .status .status-buttons a {
            width: 100%;
            display: block;
            margin-bottom: .75em
        }
}

@media (min-width:768px) and (min-width:768px) {
    .status .status-buttons a {
        width: auto;
        display: inline-block;
        margin: .5em
    }
}

.status .mobile-status-buttons {
    display: block
}

@media (min-width:768px) {
    .status .mobile-status-buttons {
        display: none
    }
}

.status .mobile-status-buttons a {
    width: 100%;
    display: block;
    margin-bottom: .75em
}

@media (min-width:768px) {
    .status .mobile-status-buttons a {
        width: auto;
        display: inline-block;
        margin: .5em
    }
}

.status .current-alerts-table, .status .planned-changes-table {
    font-size: .85em;
    margin: 1em 0
}

    .status .current-alerts-table table, .status .planned-changes-table table {
        display: none;
        width: 100%
    }

        .status .current-alerts-table table.active, .status .planned-changes-table table.active {
            display: table
        }

        .status .current-alerts-table table td:nth-child(0n+2), .status .planned-changes-table table td:nth-child(0n+2) {
            width: 40%
        }

    .status .current-alerts-table th, .status .planned-changes-table th {
        border-bottom: 2px solid #537da9;
        padding: .5em;
        text-align: left;
        vertical-align: middle
    }

    .status .current-alerts-table td, .status .planned-changes-table td {
        background-color: #fff;
        border-bottom: 1px solid #537da9;
        padding: .5em;
        vertical-align: top;
        width: 20%
    }

        .status .current-alerts-table td:nth-child(0n+1), .status .planned-changes-table td:nth-child(0n+1) {
            font-weight: 700
        }

@media (min-width:0) and (max-width:767px) {
    .status .current-alerts-table td:nth-child(0n+3), .status .current-alerts-table td:nth-child(0n+4), .status .current-alerts-table th:nth-child(0n+3), .status .current-alerts-table th:nth-child(0n+4) {
        display: none
    }

    .status .current-alerts-table td, .status .current-alerts-table th {
        width: 50%
    }
}

.status .minimized .current-alerts-table td:nth-child(0n+3), .status .minimized .current-alerts-table td:nth-child(0n+4), .status .minimized .current-alerts-table th:nth-child(0n+3), .status .minimized .current-alerts-table th:nth-child(0n+4) {
    display: none
}

.status .minimized .current-alerts-table td, .status .minimized .current-alerts-table th {
    width: 50%
}

@media (min-width:768px) {
    .status .minimized .planned-changes-table td:nth-child(0n+3), .status .minimized .planned-changes-table td:nth-child(0n+4), .status .minimized .planned-changes-table th:nth-child(0n+3), .status .minimized .planned-changes-table th:nth-child(0n+4) {
        display: none
    }

    .status .minimized .planned-changes-table td, .status .minimized .planned-changes-table th {
        width: 50%
    }
}

.form-wrapper .status .control-label, .status .form-wrapper .control-label, .status label {
    font-weight: 400;
    font-size: .875em
}

@media (min-width:768px) {
    .form-wrapper .status .control-label, .status .form-wrapper .control-label, .status label {
        font-size: 16px
    }
}

.status .current-alerts .form-container, .status .planned-changes .form-container {
    margin: 2em 0
}

    .form-wrapper .status .current-alerts .form-container .form-group .control-label, .form-wrapper .status .planned-changes .form-container .form-group .control-label, .status .current-alerts .form-container .form-group .form-wrapper .control-label, .status .current-alerts .form-container .form-group label, .status .planned-changes .form-container .form-group .form-wrapper .control-label, .status .planned-changes .form-container .form-group label {
        color: #5481b3 !important;
        text-transform: uppercase
    }

    .form-wrapper .status .current-alerts .form-container .control-label, .form-wrapper .status .planned-changes .form-container .control-label, .status .current-alerts .form-container .form-wrapper .control-label, .status .current-alerts .form-container label, .status .planned-changes .form-container .form-wrapper .control-label, .status .planned-changes .form-container label {
        background: none;
        float: none;
        text-align: left;
        line-height: 1;
        height: auto;
        width: 100%
    }

    .status .current-alerts .form-container select, .status .planned-changes .form-container select {
        width: 100%
    }

    .status .current-alerts .form-container #go, .status .planned-changes .form-container #go {
        margin-top: 34px
    }

.toggle-two-col-pane {
    margin: 2em 0;
    width: 100%
}

@media (min-width:768px) {
    .toggle-two-col-pane {
        display: table
    }
}

.toggle-two-col-pane > div {
    padding: 1em;
    vertical-align: top
}

@media (min-width:768px) {
    .toggle-two-col-pane > div {
        padding: 0 1em 1em
    }
}

.toggle-two-col-pane .expand-arrow, .toggle-two-col-pane .more-details {
    display: none
}

.toggle-two-col-pane .nav-tabs {
    font-size: .85em
}

.toggle-two-col-pane .form-container {
    margin: 1em 0
}

.toggle-two-col-pane .maximized {
    display: block;
    background-color: #edf4fc;
    width: 100%
}

@media (min-width:768px) {
    .toggle-two-col-pane .maximized {
        display: table-cell;
        width: 62%
    }
}

.toggle-two-col-pane .maximized.current-alerts, .toggle-two-col-pane .maximized.planned-changes {
    border-bottom: 16px solid #fff
}

.toggle-two-col-pane .minimized {
    display: block;
    background-color: #f3f6f9;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .toggle-two-col-pane .minimized {
        display: table-cell;
        width: 38%
    }
}

.toggle-two-col-pane .minimized .status-expand-bar {
    cursor: pointer;
    margin-bottom: 20px
}

    .toggle-two-col-pane .minimized .status-expand-bar:hover .expand-arrow {
        background-color: #4b77a6
    }

    .toggle-two-col-pane .minimized .status-expand-bar:hover h2 {
        color: #fff;
        background-color: #4b77a6
    }

.toggle-two-col-pane .minimized .expand-arrow {
    display: none
}

@media (min-width:768px) {
    .toggle-two-col-pane .minimized .expand-arrow {
        background-color: #4679b0;
        cursor: pointer;
        display: block;
        height: 70px;
        left: 0;
        padding: 12px 0 0 14px;
        position: absolute;
        top: 0;
        width: 85px
    }

        .toggle-two-col-pane .minimized .expand-arrow:before {
            background: url(images/arrow-large-se545d2bb62.19b333ffa6cbd90c4ce2532f7ceb5b78.png) 0 -125px;
            content: "";
            display: block;
            height: 45px;
            position: relative;
            width: 60px
        }
}

.toggle-two-col-pane .minimized .more-details {
    margin-bottom: 2em
}

@media (min-width:768px) {
    .toggle-two-col-pane .minimized .more-details {
        display: inline-block
    }
}

@media (min-width:768px) {
    .toggle-two-col-pane .minimized.planned-changes {
        border-left: 16px solid #dce5ec;
        border-top: 16px solid #fff;
        min-width: 360px
    }

        .toggle-two-col-pane .minimized.planned-changes:before {
            content: "";
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            font-size: 0;
            line-height: 0;
            width: 0;
            border-bottom: 16px solid #fff;
            border-right: 16px solid transparent;
            margin-left: -16px
        }

        .toggle-two-col-pane .minimized.planned-changes h2 {
            display: block;
            left: 15px;
            margin: 0 0 0 54px;
            max-height: 70px;
            padding: 15px 0 20px 20px;
            position: relative
        }
}

@media (min-width:768px) {
    .toggle-two-col-pane .minimized.current-alerts {
        border-right: 16px solid #dce5ec;
        border-top: 16px solid #fff
    }

        .toggle-two-col-pane .minimized.current-alerts:before {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            font-size: 0;
            line-height: 0;
            width: 0;
            border-top: 16px solid transparent;
            border-right: 16px solid #fff;
            margin-right: -16px
        }

        .toggle-two-col-pane .minimized.current-alerts .expand-arrow {
            left: auto;
            right: 0
        }

            .toggle-two-col-pane .minimized.current-alerts .expand-arrow:before {
                background: url(images/arrow-large-se545d2bb62.19b333ffa6cbd90c4ce2532f7ceb5b78.png) 0 -539px
            }

        .toggle-two-col-pane .minimized.current-alerts h2 {
            display: block;
            left: -16px;
            margin: 0 53px 0 0;
            max-height: 70px;
            padding: 15px 0 20px 20px;
            position: relative
        }
}

.toggle-two-col-pane .minimized.current-alerts .nav-tabs, .toggle-two-col-pane .minimized .form-container {
    display: none
}

.story.inner .main-content:before {
    background: none;
    content: "";
    height: auto;
    width: auto;
    z-index: auto
}

.story-header {
    display: block;
    width: 100%;
    background: #4679b0;
    height: 120px
}

    .story-header:before {
        background: #4679b0 none repeat scroll 0 0;
        content: "";
        height: 90px;
        width: 100%;
        z-index: -1
    }

    .story-header .global-search input[type=text] {
        border: none;
        height: auto;
        margin: 0;
        padding: 0 38px 0 10px;
        top: 0
    }

    .story-header .global-search input[type=submit] {
        height: 30px;
        box-shadow: none !important
    }

@media (min-width:768px) {
    .story-header .global-search input[type=submit] {
        height: 46px
    }
}

.section-header .fp-tableCell {
    vertical-align: top
}

.section-header .intro {
    top: 48%
}

    .section-header .intro h1 {
        display: inline-block;
        width: 100%
    }

    .section-header .intro p {
        padding: 0
    }

@media (min-width:768px) {
    .section-header .intro p {
        padding: 0 60px
    }
}

.section-footer {
    background: #3e3e3e
}

    .section-footer .fp-tableCell {
        vertical-align: top
    }

    .section-footer footer {
        margin-top: 0
    }

.tooltip {
    opacity: 1 !important
}

.tooltip-inner {
    border-radius: 0 !important;
    background: #535353 !important;
    color: #fff !important;
    line-height: 1.2;
    padding: 8px
}

.tooltip-arrow {
    border-top-color: #535353 !important
}

.inner .trip-planner-wrapper .location, .trip-planner-results .results-wrapper .results-col:first-child {
    position: relative
}

    .inner .trip-planner-wrapper .location:before, .trip-planner-results .results-wrapper .results-col:first-child:before {
        content: "";
        background: url(images/arrows-sffa28ba240.4b3db0dbc759e6348f3d5e6b18195ccc.png) no-repeat 0 -53px/100% transparent;
        width: 50px;
        height: 60px;
        position: absolute;
        left: -65px
    }

.trip-planner-wrapper {
    width: 100%;
    margin: 5% auto 0
}

@media (min-width:768px) {
    .trip-planner-wrapper {
        min-width: 320px;
        margin: 0 auto
    }
}

.home .trip-planner-wrapper {
    background: url(images/bg-home-form-stripes.f2eab23fe43f0a1c670f732f1506e886.png) no-repeat 0 0 #fff;
    background-size: cover
}

@media (min-width:768px) {
    .home .trip-planner-wrapper {
        margin: 18% auto 0;
        box-shadow: 1px 5px 8px 0 rgba(0,0,0,.75)
    }
}

.inner .trip-planner-wrapper {
    padding: 5%
}

@media (min-width:992px) {
    .inner .trip-planner-wrapper {
        padding: 5% 10%
    }
}

.home .trip-planner-wrapper .form-wrapper {
    border-top: 5px solid #5f81a8;
    padding: 0 25px 25px
}

    .home .trip-planner-wrapper .form-wrapper h2 {
        font-size: 1.25em;
        color: #3b6798
    }

.inner .trip-planner-wrapper .form-wrapper {
    border: none
}

.trip-planner-wrapper h1 {
    background: #fff;
    font-size: 1.5em;
    font-weight: 300;
    height: 60px;
    line-height: 60px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    border: 3px solid #3b6798
}

    .trip-planner-wrapper h1 span {
        background: url(images/arrow-large-se545d2bb62.19b333ffa6cbd90c4ce2532f7ceb5b78.png) no-repeat center -141px/40px #3b6798;
        display: block;
        float: left;
        width: 56px;
        height: 100%;
        margin-right: 16px
    }

html.lt-ie9 .trip-planner-wrapper h1 span {
    background: url(images/right-white.f6e59f9ee7188c7e9ca470c4bd6f02b5.png) no-repeat 50% #3b6798
}

@media (min-width:768px) {
    .trip-planner-wrapper h1 {
        border: 1px solid #fff
    }
}

@media (min-width:1200px) {
    .trip-planner-wrapper h1 {
        font-size: 2.5em;
        height: 80px;
        line-height: 80px
    }

        .trip-planner-wrapper h1 span {
            background-position: center -196px;
            background-size: 55px;
            width: 106px
        }
}

.form-wrapper .trip-planner-wrapper .control-label, .trip-planner-wrapper .form-wrapper .control-label, .trip-planner-wrapper label {
    font-weight: 400;
    font-size: .875em
}

@media (min-width:768px) {
    .form-wrapper .trip-planner-wrapper .control-label, .trip-planner-wrapper .form-wrapper .control-label, .trip-planner-wrapper label {
        font-size: 16px
    }
}

.form-wrapper .trip-planner-wrapper [for=avoid-elevator].control-label, .trip-planner-wrapper .form-wrapper [for=avoid-elevator].control-label, .trip-planner-wrapper label[for=avoid-elevator] {
    margin-left: 0;
    margin-bottom: 20px
}

.form-wrapper html.lt-ie9 .trip-planner-wrapper [for=avoid-elevator].control-label, html.lt-ie9 .trip-planner-wrapper .form-wrapper [for=avoid-elevator].control-label, html.lt-ie9 .trip-planner-wrapper label[for=avoid-elevator] {
    margin-left: 0
}

@media (min-width:768px) {
    .form-wrapper .trip-planner-wrapper [for=avoid-elevator].control-label, .trip-planner-wrapper .form-wrapper [for=avoid-elevator].control-label, .trip-planner-wrapper label[for=avoid-elevator] {
        margin-left: 20px;
        margin-bottom: 0
    }
}

.form-wrapper .trip-planner-wrapper [for=route].control-label, .form-wrapper .trip-planner-wrapper [for=walk-distance].control-label, .trip-planner-wrapper .form-wrapper [for=route].control-label, .trip-planner-wrapper .form-wrapper [for=walk-distance].control-label, .trip-planner-wrapper label[for=route], .trip-planner-wrapper label[for=walk-distance] {
    margin-right: 10px
}

@media (min-width:0) and (max-width:992px) {
    .inner .trip-planner-wrapper .location:before {
        background: none
    }
}

@media (min-width:992px) {
    .inner .trip-planner-wrapper .location {
        position: relative
    }
}

@media (min-width:768px) {
    .inner .trip-planner-wrapper .location > div {
        float: left;
        width: 46%
    }
}

@media (min-width:992px) {
    .inner .trip-planner-wrapper .location > div {
        width: 46%
    }
}

.inner .trip-planner-wrapper .location .reverse-icon {
    width: 100%;
    display: block
}

@media (min-width:768px) {
    .inner .trip-planner-wrapper .location .reverse-icon {
        width: auto
    }
}

.inner .trip-planner-wrapper .location .reverse-icon img {
    display: block;
    cursor: pointer;
    margin: 15px auto;
    width: 20px
}

@media (min-width:768px) {
    .inner .trip-planner-wrapper .location .reverse-icon img {
        float: left;
        margin: 36px 15px 0
    }
}

.form-wrapper .inner .trip-planner-wrapper .location .control-label, .inner .trip-planner-wrapper .location .form-wrapper .control-label, .inner .trip-planner-wrapper .location label {
    color: #5481b3;
    background: none;
    float: none;
    text-align: left;
    line-height: 1;
    height: auto
}

.inner .trip-planner-wrapper .location input {
    margin-top: 0;
    width: 100%
}

html.lt-ie9 .trip-planner-wrapper input#avoid-elevator {
    margin-left: 20px
}

.trip-planner-wrapper .form-group {
    margin: 0
}

.trip-planner-wrapper #more-options {
    margin-top: 10px
}

    .trip-planner-wrapper #more-options .content {
        background: #fff;
        padding: 18px
    }

.trip-planner-wrapper .travel-by fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.trip-planner-wrapper .travel-by legend {
    float: left;
    font-size: 1em;
    line-height: 20px;
    margin-right: 10px;
    margin-bottom: 0;
    width: auto
}

@media (min-width:768px) {
    .trip-planner-wrapper .travel-by legend {
        margin-right: 20px;
        font-size: 1.125em
    }
}

.form-wrapper .trip-planner-wrapper .travel-by .control-label:last-child, .trip-planner-wrapper .travel-by .form-wrapper .control-label:last-child, .trip-planner-wrapper .travel-by label:last-child {
    margin-right: 0
}

@media (min-width:0) and (max-width:768px) {
    .form-wrapper .trip-planner-wrapper .travel-by .control-label, .trip-planner-wrapper .travel-by .form-wrapper .control-label, .trip-planner-wrapper .travel-by label {
        margin-right: 5px !important
    }
}

.trip-planner-wrapper .leaving select.first {
    width: 100%
}

@media (min-width:992px) {
    .trip-planner-wrapper .leaving select.first {
        width: auto
    }
}

.trip-planner-wrapper .form-group-inner {
    display: inline-block
}

.trip-planner-wrapper .on {
    margin: 10px 0
}

@media (min-width:992px) {
    .trip-planner-wrapper .on {
        display: inline-block;
        margin: 0 10px
    }
}

.trip-planner-wrapper .form-footer {
    margin-top: 20px;
    padding-bottom: 20px
}

    .trip-planner-wrapper .form-footer .toggle-options {
        font-size: 1.15625em;
        color: #000;
        position: relative;
        display: block;
        cursor: pointer;
        border: none
    }

@media (min-width:768px) {
    .trip-planner-wrapper .form-footer .toggle-options {
        float: left;
        display: inline-block
    }
}

.trip-planner-wrapper .form-footer .toggle-options:hover {
    color: #000 !important
}

.trip-planner-wrapper .form-footer .toggle-options .less {
    display: none
}

.trip-planner-wrapper .form-footer .toggle-options[aria-expanded=false]:after {
    content: "\2193"
}

.trip-planner-wrapper .form-footer .toggle-options[aria-expanded=false] .more {
    display: inline
}

.trip-planner-wrapper .form-footer .toggle-options[aria-expanded=false] .less {
    display: none
}

.trip-planner-wrapper .form-footer .toggle-options[aria-expanded=true]:after {
    content: "\2191";
    vertical-align: text-bottom
}

.trip-planner-wrapper .form-footer .toggle-options[aria-expanded=true] .more {
    display: none
}

.trip-planner-wrapper .form-footer .toggle-options[aria-expanded=true] .less {
    display: inline
}

.trip-planner-wrapper .form-footer input {
    margin-top: 20px;
    height: 45px
}

    .trip-planner-wrapper .form-footer input:focus {
        border: 1px dotted grey
    }

@media (min-width:768px) {
    .trip-planner-wrapper .form-footer {
        padding-bottom: 50px
    }

        .trip-planner-wrapper .form-footer input {
            float: right;
            margin-top: 0
        }
}

.trip-planner-results {
    padding: 2% 5% 2.5%
}

    .trip-planner-results h2 {
        font-size: 1.5em
    }

    .trip-planner-results ul {
        list-style: none;
        padding-left: 0 !important
    }

        .trip-planner-results ul li {
            list-style-image: none;
            list-style-type: none;
            margin-left: 0
        }

    .trip-planner-results .trip-planner-wrapper {
        padding: 0
    }

@media (min-width:992px) {
    .trip-planner-results .trip-planner-wrapper {
        padding: 2% 7% 5%
    }
}

.trip-planner-results .results-wrapper .results-col {
    float: left;
    width: 100%;
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    .trip-planner-results .results-wrapper .results-col {
        float: left;
        width: 50%
    }
}

@media (min-width:0) and (max-width:992px) {
    .trip-planner-results .results-wrapper .results-col:first-child:before {
        background: none
    }
}

@media (min-width:992px) {
    .trip-planner-results .results-wrapper .results-col:first-child {
        padding-left: 10% !important;
        position: relative
    }

        .trip-planner-results .results-wrapper .results-col:first-child:before {
            left: 10px;
            background-position: 0 -64px;
            width: 60px
        }

    html.lt-ie9 .trip-planner-results .results-wrapper .results-col:first-child {
        padding-left: 10px !important
    }
}

@media (min-width:1200px) {
    .trip-planner-results .results-wrapper .results-col:first-child {
        padding-left: 8% !important
    }

    html.lt-ie9 .trip-planner-results .results-wrapper .results-col:first-child {
        padding-left: 10px !important
    }
}

.trip-planner-results .results-wrapper .results-col p {
    font-size: .875em;
    margin-bottom: 12px
}

@media (min-width:1200px) {
    .trip-planner-results .results-wrapper .results-col p {
        font-size: 1.125em
    }
}

.trip-planner-results .results-wrapper .results-col p:first-child {
    margin-bottom: 12px
}

.trip-planner-results .results-wrapper .results-col .from {
    padding-right: 10px
}

    .trip-planner-results .results-wrapper .results-col .from:after {
        content: "|";
        padding-left: 10px
    }

@media (min-width:992px) {
    .trip-planner-results .results-wrapper #results-btn {
        text-align: right
    }
}

.inner-service-alerts .panel-content .trip-planner-results .results-wrapper #results-btn input[type=submit], .main-content .trip-planner-results .results-wrapper #results-btn input[type=submit], .service-alerts .trip-planner-results .results-wrapper #results-btn input[type=submit], .trip-planner-results .results-wrapper #results-btn .button, .trip-planner-results .results-wrapper #results-btn .button-lt-blue, .trip-planner-results .results-wrapper #results-btn .button-twitter, .trip-planner-results .results-wrapper #results-btn .inner-service-alerts .panel-content input[type=submit], .trip-planner-results .results-wrapper #results-btn .main-content input[type=submit], .trip-planner-results .results-wrapper #results-btn .service-alerts input[type=submit], .trip-planner-results .results-wrapper #results-btn .trip-planner-wrapper .form-footer input, .trip-planner-results .results-wrapper #results-btn button, .trip-planner-wrapper .form-footer .trip-planner-results .results-wrapper #results-btn input {
    font-size: .875em;
    margin-bottom: 20px;
    width: 80%
}

@media (min-width:640px) {
    .inner-service-alerts .panel-content .trip-planner-results .results-wrapper #results-btn input[type=submit], .main-content .trip-planner-results .results-wrapper #results-btn input[type=submit], .service-alerts .trip-planner-results .results-wrapper #results-btn input[type=submit], .trip-planner-results .results-wrapper #results-btn .button, .trip-planner-results .results-wrapper #results-btn .button-lt-blue, .trip-planner-results .results-wrapper #results-btn .button-twitter, .trip-planner-results .results-wrapper #results-btn .inner-service-alerts .panel-content input[type=submit], .trip-planner-results .results-wrapper #results-btn .main-content input[type=submit], .trip-planner-results .results-wrapper #results-btn .service-alerts input[type=submit], .trip-planner-results .results-wrapper #results-btn .trip-planner-wrapper .form-footer input, .trip-planner-results .results-wrapper #results-btn button, .trip-planner-wrapper .form-footer .trip-planner-results .results-wrapper #results-btn input {
        width: auto
    }
}

@media (min-width:1200px) {
    .inner-service-alerts .panel-content .trip-planner-results .results-wrapper #results-btn input[type=submit], .main-content .trip-planner-results .results-wrapper #results-btn input[type=submit], .service-alerts .trip-planner-results .results-wrapper #results-btn input[type=submit], .trip-planner-results .results-wrapper #results-btn .button, .trip-planner-results .results-wrapper #results-btn .button-lt-blue, .trip-planner-results .results-wrapper #results-btn .button-twitter, .trip-planner-results .results-wrapper #results-btn .inner-service-alerts .panel-content input[type=submit], .trip-planner-results .results-wrapper #results-btn .main-content input[type=submit], .trip-planner-results .results-wrapper #results-btn .service-alerts input[type=submit], .trip-planner-results .results-wrapper #results-btn .trip-planner-wrapper .form-footer input, .trip-planner-results .results-wrapper #results-btn button, .trip-planner-wrapper .form-footer .trip-planner-results .results-wrapper #results-btn input {
        font-size: 1em
    }

        .inner-service-alerts .panel-content .trip-planner-results .results-wrapper #results-btn input.modify[type=submit], .main-content .trip-planner-results .results-wrapper #results-btn input.modify[type=submit], .service-alerts .trip-planner-results .results-wrapper #results-btn input.modify[type=submit], .trip-planner-results .results-wrapper #results-btn .inner-service-alerts .panel-content input.modify[type=submit], .trip-planner-results .results-wrapper #results-btn .main-content input.modify[type=submit], .trip-planner-results .results-wrapper #results-btn .modify.button, .trip-planner-results .results-wrapper #results-btn .modify.button-lt-blue, .trip-planner-results .results-wrapper #results-btn .modify.button-twitter, .trip-planner-results .results-wrapper #results-btn .service-alerts input.modify[type=submit], .trip-planner-results .results-wrapper #results-btn .trip-planner-wrapper .form-footer input.modify, .trip-planner-results .results-wrapper #results-btn button.modify, .trip-planner-wrapper .form-footer .trip-planner-results .results-wrapper #results-btn input.modify {
            margin-right: 20px
        }
}

.trip-planner-results .trip-details-wrapper {
    display: none
}

.trip-planner-results .trip-wrapper {
    background: #f3f6f9;
    position: relative;
    margin-bottom: 40px;
    padding: 20px 20px 80px
}

    .trip-planner-results .trip-wrapper h3 {
        font-size: 1.125em;
        font-weight: 500
    }

.trip-planner-results .trip-summary .trip-col {
    float: left;
    width: 100%
}

    .trip-planner-results .trip-summary .trip-col, .trip-planner-results .trip-summary .trip-col.trip-time-fare-summary-wrapper {
        position: relative;
        min-height: 1px;
        padding-left: 5px;
        padding-right: 5px
    }

@media (min-width:992px) {
    .trip-planner-results .trip-summary .trip-col.trip-time-fare-summary-wrapper {
        float: left;
        width: 37.5%
    }
}

.trip-planner-results .trip-summary .trip-col.trip-map-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px
}

@media (min-width:992px) {
    .trip-planner-results .trip-summary .trip-col.trip-map-wrapper {
        float: left;
        width: 62.5%
    }
}

.trip-planner-results .trip-summary .trip-col h3 {
    font-weight: 700
}

    .trip-planner-results .trip-summary .trip-col h3 span {
        font-weight: 400
    }

.trip-planner-results .trip-summary .fares {
    background: #fff;
    padding: 10px
}

    .trip-planner-results .trip-summary .fares ul {
        padding-bottom: 10px
    }

    .trip-planner-results .trip-summary .fares li {
        padding-bottom: 0 !important
    }

        .trip-planner-results .trip-summary .fares li span {
            font-size: .875em
        }

            .trip-planner-results .trip-summary .fares li span.large {
                font-size: 1.5em !important;
                display: inline
            }

    .trip-planner-results .trip-summary .fares .note {
        font-style: italic;
        margin-bottom: 0 !important;
        font-size: .875em
    }

.trip-planner-results .trip-summary .trip-summary {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px
}

    .trip-planner-results .trip-summary .trip-summary h3 {
        margin-top: 0;
        font-weight: 400
    }

    .trip-planner-results .trip-summary .trip-summary li {
        padding-top: 20px;
        padding-bottom: 0;
        clear: both
    }

        .trip-planner-results .trip-summary .trip-summary li:first-child {
            padding-top: 0
        }

@media (min-width:992px) {
    .trip-planner-results .trip-map {
        padding-left: 20px
    }
}

.trip-planner-results .trip-map .map-wrapper img {
    width: 100%;
    max-width: none
}

@media (min-width:992px) {
    .trip-planner-results .trip-map .map-wrapper {
        height: 100%;
        min-height: 500px;
        width: 100%
    }

        .trip-planner-results .trip-map .map-wrapper img {
            height: 100%
        }
}

.toggle-links {
    margin: 20px 0 10px;
    text-align: right
}

    .toggle-links a {
        font-size: .875em
    }

.trip-icon {
    float: left;
    margin-right: 10px;
    text-align: right;
    width: 35px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

    .trip-icon span {
        display: inline-block;
        vertical-align: top
    }

.trip-details-header h3 {
    font-size: 1.5em !important;
    font-weight: 300 !important
}

@media (min-width:992px) {
    .trip-details-header h3 {
        margin: 30px 0 20px
    }
}

.trip-details-header .trip-utilities {
    margin: 0;
    padding: 0;
    border: 0;
    padding-left: 0 !important
}

    .trip-details-header .trip-utilities:after, .trip-details-header .trip-utilities:before {
        content: " ";
        display: table
    }

    .trip-details-header .trip-utilities:after {
        clear: both
    }

    .trip-details-header .trip-utilities li {
        list-style-image: none;
        list-style-type: none;
        margin-left: 0;
        white-space: nowrap;
        float: left;
        padding-left: 4px;
        padding-right: 4px
    }

        .trip-details-header .trip-utilities li:first-child {
            padding-left: 0
        }

        .trip-details-header .trip-utilities li.last, .trip-details-header .trip-utilities li:last-child {
            padding-right: 0
        }

        .trip-details-header .trip-utilities li span {
            font: 0/0 a;
            color: transparent;
            text-shadow: none;
            background-color: transparent;
            border: 0;
            background: url(images/interactive-s4409d1f16c.61e278be838ce1a1255acfd4aaf5b846.png) no-repeat 0 0/100% transparent;
            height: 35px;
            width: 35px;
            display: inline-block
        }

html.lt-ie9 .trip-details-header .trip-utilities li span {
    background: none
}

.trip-details-header .trip-utilities li.pop-out span {
    background-position: 0 -228px
}

html.lt-ie9 .trip-details-header .trip-utilities li.pop-out span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s05-popout.png",sizingMethod="scale")
}

.trip-details-header .trip-utilities li.save span {
    background-position: 0 -320px
}

html.lt-ie9 .trip-details-header .trip-utilities li.save span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s07-save-favorite.png",sizingMethod="scale")
}

.trip-details-header .trip-utilities li.get-link span {
    background-position: 0 -180px
}

html.lt-ie9 .trip-details-header .trip-utilities li.get-link span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s04-link.png",sizingMethod="scale")
}

.trip-details-header .trip-utilities li.download span {
    background-position: 0 -90px
}

html.lt-ie9 .trip-details-header .trip-utilities li.download span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s02-download.png",sizingMethod="scale")
}

.trip-details-header .trip-utilities li.print span {
    background-position: 0 -274px
}

html.lt-ie9 .trip-details-header .trip-utilities li.print span {
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/icons/interactive/s06-print.png",sizingMethod="scale")
}

@media (min-width:992px) {
    .trip-details-header h2, .trip-details-header h3 {
        float: left
    }

    .trip-details-header .trip-utilities {
        float: right
    }
}

.trip-details {
    font-size: .875em
}

    .trip-details li {
        padding-bottom: 5px !important
    }

    .trip-details .trip-row {
        background: #fff;
        margin-bottom: 20px;
        padding: 10px 15px;
        width: 100%
    }

@media (min-width:992px) {
    .trip-details .trip-row {
        display: table
    }
}

.trip-details .trip-col {
    vertical-align: top
}

    .trip-details .trip-col.trip-icon {
        display: inline-block;
        float: left;
        width: 30px
    }

@media (min-width:768px) {
    .trip-details .trip-col.trip-icon {
        display: table-cell;
        float: none;
        text-align: left;
        width: 45px
    }
}

@media (min-width:992px) {
    .trip-details .trip-col {
        display: table-cell
    }

        .trip-details .trip-col.trip-route {
            width: 25%;
            border-right: 1px solid #5481b3
        }
}

.trip-details .trip-route {
    padding: 0 20px 0 40px
}

@media (min-width:768px) {
    .trip-details .trip-route {
        padding: 0 20px 0 0
    }
}

.trip-details .trip-route li:first-child {
    font-weight: 700
}

.trip-details .trip-directions {
    padding: 0 20px 0 40px
}

@media (min-width:768px) {
    .trip-details .trip-directions {
        padding: 0 20px
    }
}

.trip-footer {
    background: #c7dbf1;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    position: absolute;
    text-align: center;
    width: 100%;
    cursor: pointer
}

.trip-planner-footer {
    background: #f3f6f9;
    padding: 20px 0 10px;
    text-align: center;
    margin: 20px 0 0
}

.inline-alert img {
    clear: both;
    float: left;
    height: 28px;
    margin: 0 10px 0 0 !important;
    width: 28px;
    top: -5px;
    position: relative
}

html.lt-ie9 .inline-alert img {
    border: none
}

.embed-responsive, .video-column-wrapper .video-column {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

    .embed-responsive .embed-responsive-item, .embed-responsive .video-column-wrapper iframe, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video, .video-column-wrapper .embed-responsive iframe, .video-column-wrapper .video-column .embed-responsive-item, .video-column-wrapper .video-column embed, .video-column-wrapper .video-column iframe, .video-column-wrapper .video-column object, .video-column-wrapper .video-column video {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        border: 0
    }

.embed-responsive-16by9, .video-column-wrapper .video-column {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.video-column-wrapper {
    margin: 0;
    height: 100%
}

@media (min-width:992px) {
    .video-column-wrapper {
        height: 350px;
        overflow: hidden
    }
}

.video-column-wrapper .video-column {
    margin: 20px 0 40px
}

@media (min-width:992px) {
    .video-column-wrapper .video-column {
        width: 49.5%;
        float: left;
        padding-bottom: 28.5%
    }

        .video-column-wrapper .video-column:last-child {
            float: right
        }
}

.news-widget-wrapper {
    height: 100%
}

@media (min-width:992px) {
    .news-widget-wrapper {
        background: url(images/bg-home-news.ad436d17ecb44968f7cd816770a405d6.jpg) no-repeat center 54px/cover transparent;
        margin: 40px 0;
        overflow: hidden;
        height: 446px
    }

    home .news-widget-wrapper {
        margin-top: 80px
    }
}

@media (min-width:1200px) {
    .news-widget-wrapper {
        height: 533px
    }
}

.inner .news-widget-wrapper .main-content, .news-widget-wrapper .inner .main-content, .news-widget-wrapper .maps-bus-content, .news-widget-wrapper .maps-bus-rail-content, .news-widget-wrapper .maps-rail-content, .news-widget-wrapper .maps-wrapper, .news-widget-wrapper .next-arrivals .next-arrivals-wrapper, .news-widget-wrapper .next-arrivals .next-bus-results, .news-widget-wrapper .next-train-results, .news-widget-wrapper .row, .news-widget-wrapper .status .current-alerts .form-container, .news-widget-wrapper .status .planned-changes .form-container, .news-widget-wrapper .status .system-status, .next-arrivals .news-widget-wrapper .next-arrivals-wrapper, .next-arrivals .news-widget-wrapper .next-bus-results, .status .current-alerts .news-widget-wrapper .form-container, .status .news-widget-wrapper .system-status, .status .planned-changes .news-widget-wrapper .form-container {
    margin: 0 !important
}

.news-content .article-col {
    margin-bottom: 5px
}

@media (min-width:992px) {
    .news-content .article-col {
        border: 5px solid #fff;
        margin-bottom: 0
    }
}

.news-content .article-col img {
    width: 100%
}

.news-content.grid-4 .article-col-1 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    border-width: 0 5px
}

@media (min-width:992px) {
    .news-content.grid-4 .article-col-1 {
        float: left;
        width: 58.33333333%
    }
}

.news-content.grid-4 .article-col-2-wrapper {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0
}

@media (min-width:992px) {
    .news-content.grid-4 .article-col-2-wrapper {
        float: left;
        width: 41.66666667%
    }
}

.news-content.grid-4 .article-col-2 {
    position: relative;
    min-height: 1px;
    padding-left: 0;
    padding-right: 0;
    border-width: 0 5px 0 0
}

@media (min-width:992px) {
    .news-content.grid-4 .article-col-2 {
        float: left;
        width: 100%
    }
}

.news-content.grid-4 .article-col-3, .news-content.grid-4 .article-col-4 {
    border-bottom: none;
    position: relative;
    width: 100%
}

@media (min-width:640px) {
    .news-content.grid-4 .article-col-3, .news-content.grid-4 .article-col-4 {
        position: relative;
        float: left;
        width: 50%;
        min-height: 1px;
        padding-left: 0;
        padding-right: 0
    }
}

.news-content.grid-4 .article-col-3 {
    border-right: 2.5px solid #fff
}

@media (min-width:992px) {
    .news-content.grid-4 .article-col-3 {
        border-width: 5px 0 0
    }
}

.news-content.grid-4 .article-col-4 {
    border-left: 2.5px solid #fff
}

@media (min-width:992px) {
    .news-content.grid-4 .article-col-4 {
        border-width: 5px 5px 0
    }
}

.news-content .teaser {
    background-color: rgba(0,0,0,.5);
    max-height: 150px;
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 30px 20px
}

    .news-content .teaser * {
        color: #fff
    }

html.lt-ie9 .news-content .teaser {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
    zoom: 1
}

.news-content .teaser a {
    border-bottom: 1px solid #4b77a8
}

.news-content .teaser p {
    margin-bottom: 0
}

@media (min-width:992px) {
    .news-content .teaser {
        padding: 10px;
        max-height: 94px
    }
}

@media (min-width:992px) {
    .news-content .article-col-1 .teaser {
        padding: 20px
    }
}

.news-content .article-col-3 .teaser * {
    color: #000
}

@media (min-width:992px) {
    .news-content .article-col-3 .teaser {
        padding-bottom: 20px
    }
}

.news-content .article-col-3 .teaser, .news-content .article-col-4 .teaser {
    background: none
}

@media (min-width:992px) and (max-width:1200px) {
    .news-content .article-col-3 .teaser, .news-content .article-col-4 .teaser {
        font-size: .8125em
    }
}

.row-title {
    border: 1px solid #000;
    background-color: whitesmoke;
    font-size: 20px;
    margin-left: -5px;
    margin-right: -5px;
}