body {
    background-color: rgb(255, 255, 255);
    background-color: rgb(14, 42, 113);
    color: #F6F6F6;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
}

.container {
    position: relative;
    margin-left: 40px;
    font-size: 28px;
    line-height: 28px;
}

.container.first {
    margin-top: 30px;
    max-height: 40px;
    line-height: 40px;
}
.trainname {
    font-size: 40px;
    margin-right: 18px;
}

.linerun {
    font-size: 28px;
}

.time {
    align-self: right;
    font-size: 40px;
    width: 144px;
    text-align: left;
    position: fixed;
    right: 0;
}

.container.second {
    height: 50px;
    line-height: 28px;
    font-size: 28px;
}





.marketingname {
    position: absolute;
    bottom: 0;

}

.informationticker {
    position: relative;
    height: 54px;
    max-height: 54px;
    width: 100%
}

.information {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 28px;
    line-height: 28px;
    color: rgb(255, 241, 1);
    width: 100%;
}

.white {
    width: 100%;
    margin-top: 18px;
    background-color: rgb(255,255,255);
    color: rgb(14, 42, 113);
    height: 184px;
    position: relative;
}

.white > .first {
    height: 50px;
}

.white > .text {
    position: relative;
    margin-left: 250px;
    font-size: 28px;
    line-height: 28px;
}

.text > span, .container.linerun-title > span {
    position: absolute;
    bottom: 0;
}

.white > .second {
    height: 60px;
}

.text > .station {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
}

.second.inline-time {
    margin-left: 40px;
    position: fixed;
    font-size: 40px;
}

.inline-time > span {
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
}

span.inline-time {
    position: absolute;
    bottom: 0;
    font-weight: bold;
}


/* @group Marquee */

.marquee {
    height: 30px;
    width: 100%;

    overflow: hidden;
    position: relative;
}
    .marquee div {
        display: block;
        width: 200%;
        height: 30px;

        position: absolute;
        overflow: hidden;

        -webkit-animation: marquee 9s linear infinite;
        -moz-animation: marquee 9s linear infinite;
        -ms-animation: marquee 9s linear infinite;
        -o-animation: marquee 9s linear infinite;
        animation: marquee 9s linear infinite;
    }
    .marquee span {
        float: left;
        width: 50%;
    }

@-webkit-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-moz-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-ms-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@-o-keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}
@keyframes marquee {
    0% { left: 0; }
    100% { left: -100%; }
}

/* @end */
.white > .third {
    height: 52px;
}

.container.linerun-title {
    height: 52px;
    position: relative;
}

.linerun-list {
    font-size: 40px;
    line-height: 42px;
}