.xxx form .checkbox-metro,
.xxx form .checkbox-services {
    width: 50%;
    float: left;
    display: inline-block;
}
.xxx form .field-metro label.h6,
.xxx form .field-services label.h6 {
    width: 100%;
}
.xxx form .wrap {
    display: inline-block;
}

.metro-list li.line0 .card-title {
    border: 1px solid #d51c36;
    background-color: #d51c36;
}
.metro-list li.line1 .card-title {
    border: 1px solid #337ab7;
    background-color: #337ab7;
}
.metro-list li.line2 .card-title {
    border: 1px solid #1b9958;
    background-color: #1b9958;
}
.metro-list li.line3 .card-title {
    border: 1px solid #dd700d;
    background-color: #dd700d;
}
.metro-list li.line4 .card-title {
    border: 1px solid #9c27b0;
    background-color: #9c27b0;
}
.metro-list li.line5 .card-title {
    border: 1px solid #8a5b2c;
    background-color: #8a5b2c;
}
.metro-list li .card-title {
    color: #fff;
}

.teaser.check .check {
    bottom: 2.25rem;
    position: absolute;
    padding: 8px 16px;
    border-radius: 0 8px 0 0;
    background: #000000bd;
    box-shadow: 1px -1px 2px #0e5ed6f2;
}

.main .teaser .card-title {
    background-color: #000000b0;
    box-shadow: none;
    width: 100%;
    color: #fff;
    font-size: 115%;
    padding: 4px 8px;
    font-weight: 400;
}
.jumbotron .metro-list a.card-title {
    padding: 2px 4px;
    margin: 6px 4px;
    display: inline-block;
    border-radius: 4px;
}
.metro-list ul {
	margin: 0;
    padding: 0;
    list-style: none;
}
.metro-list li {
    display: initial;
}
.teaser .card-sub {
	margin-right: 10px;
}
.jumbotron {
    background-color: transparent;
}
footer.jumbotron {
    background-color: #000;
}
footer.jumbotron h2,
footer.jumbotron h3 {
    font-size: 1.25rem;
}
body {
	font-size: .85rem;
    color: #ffffff;
    background-color: #000000f0;
}
a {
    color: #0068d6;
}
.btn-primary {
    color: #fff;
    background-color: #001f40;
    border-color: #00438a;
}
.card {
    background-color: #000;
    border: 1px solid rgb(82 82 82 / 48%);
}
.h1, h1 {
    font-size: 1.5rem;
}



.away {
    position: absolute;
    top: 30%;
    width: 40%;
    left: 2%;
    background: #fff;
    opacity: .87;
    padding: 1em;
    border-radius: 30px;
}

#map {
    height: 400px;
}

.metro {
    margin-bottom: 30px;
}

.metro a {
    margin-right: 15px;
}

.jumbotron a.card-title {
    margin-right: 1rem;
}



.teaser .card-title {
    position: absolute;
    background-color: #ffffff9e;
    padding: 10px;
    box-shadow: 2px 2px 2px #0000005c;
}
.xxx .teaser {
    margin-bottom: 25%;
}
.check {
    background-color: #007bff5e;
    font-weight: bold;
}
.xxx img.img-responsive {
    width: 100%;
}
.xxx pre,
pre.xxx {
    color: #19b605;
}