.service-alert {
    padding:1rem;
    border-radius: 3px;
    display: block;
    margin:1.5rem 0;
    color:#E1E1E1;
}
.alert-disruption,
.alert-planned,
a.alert-planned {
    background-color: #e00931;
    color:#FFF;
}
.service-alert a {
    color:#E1E1E1;
}
.corridor-message {
    background: #17528e;
}
#home-carousel-splash {
    margin-top:-120px;
}
#home-carousel-splash .contained-block {
    position: relative;
}
#home-carousel-splash .carousel-indicators {
    position: absolute;
    left: 40px;
    top: 160px;
}
#home-carousel-splash .carousel-caption {
    left: 0px;
    bottom: 7rem;
    right: auto;
    text-align: left;
    width:40%;
}
#home-carousel-splash .carousel-caption h1 {
    font-size: 300%;
}


@media (max-width: 768px) {
    #home-carousel-splash {
        margin-top:0;
    }
    #home-carousel-splash .carousel-caption {
        bottom:0;
    }
    #home-carousel-splash .carousel-indicators {
        top:10px;
    }
    #home-carousel-splash .carousel-caption {
        left: auto;
    }
    #home-carousel-splash .carousel-caption h1 {
        font-size: 160%;
    }

    #home-carousel-splash .carousel-caption .btn-lg {
        padding:0.5rem 1rem;
        font-size:75%;
    }
}
body,html {
    background: #dcdcdc;
    font-family: 'Titillium Web', sans-serif;
}
.feature-block {
    background-color: #e6ecf3;
}
.feature-block.mailing-list-block {
    background-color: #831018;
}
body.coventry .mailing-list-block {
    background-color: #99dcf5;
}
body.the-metro .mailing-list-block {
    background-color: #e635b1;
}
body.dundee .mailing-list-block {
    background-color: #17a090;
}


.feature-block.mailing-list-block h2,
.feature-block.mailing-list-block h3,
.feature-block.mailing-list-block h4,
.feature-block.mailing-list-block h5 {
    color:#FFF;
    font-weight: 300;
}

.home-content-block h4 {
    font-weight:600;
    color:#142636;
}
.home-content-block h5.pull-right {
    margin:0;
}
.home-content-block h5 a {
    line-height:300%;
}

.tab-block {
    padding-bottom:6rem;
}
.tab-block .nav-tabs {
    margin-top: -41px;
}
.tab-block .nav-tabs li a {
    background-color: rgba(255,255,255,0.7);
    color:#061525;
    font-weight:600;
}
.tab-block .nav-tabs li.active a {
    background-color: #fff;
}
.tab-block .nav-tabs {

}
.tab-block .tab-content {
    margin-top: 42px;
}

.travelcard-feature-block {
    background-color: #e6ecf3;
}
.swiftcard-feature-block {
    background-color: #e6ecf3;
}
.travelcard-feature-block h1,
.swiftcard-feature-block h1{
    color:#222;
}


@media (max-width: 992px) {
    .contained-block {
        padding: 0 1em;
    }
}

@media (max-width: 768px) {
    .home-content-block .block {
        margin-top:7rem;
    }
    .home-content-block .block h4 {
        padding-bottom:0.4rem;
    }
}
.breadcrumb-navigation {
    list-style: none;
    margin:0;
    padding:0;
    margin-bottom: -15px;
    padding-left: 2px;
}
.breadcrumb-navigation li {
    display: inline-block;
}
.breadcrumb-navigation li a {
    color: #888;
    text-transform: uppercase;
    font-size: 90%;
}
.breadcrumb-navigation li .separator {
    color:#BBB;
}
.btn {
    border:0;
    border-radius:3px;
}
.btn-pad {
    padding: 1.2rem 3rem;
    font-weight: 300;
}
.btn-primary {
    background-color: #17528e;
}
.btn-secondary {
    background-color: #308ab7;
    color:#FFF;
}
.btn-feature {
    background-color: #e00931;
    color:#FFF;
    font-weight:300;
    text-transform: uppercase;
    font-size:90%;
}
.btn-secondary:hover {
    color: #FFF;
    background-color: #308ab7;
}
.btn-feature:hover {
    color:#FFF;
    background-color: #680710;
}
.btn-special {
    background-color: #00c3a1;
    color:#FFF;
    text-decoration: none;
}
.btn-special:hover {
    background-color: #6dbaad;
    color:#FFF;
}

body.coventry .btn-feature {
    background-color: #7fc2e6;
}
body.the-metro .btn-feature {
    background-color: #cf1689;
}
body.dundee .btn-feature {
    background-color: #008d7c;
}
.secondary-feature {
    background-color: #e6ecf3;
    padding:1rem;
}
.purchase-feature {
    background-color: #245782;
    padding: 2rem;
}
body.west-midlands .footer-wrapper {
    background-color:rgba(104,7,16,1);
}
body.coventry .footer-wrapper {
    background-color: rgba(110,175,217,0.95);
}
body.dundee .footer-wrapper {
    background-color: rgba(8,133,132,0.95);
}
body.the-metro .footer-wrapper {
    background-color: rgba(191,24,129,0.95);
}
.footer-wrapper ul {
    margin:0;
    padding:0;
}
.footer-wrapper li {
    list-style: none;
    margin:0;
    padding:0;
    margin-bottom:4px;
}
.footer-wrapper li a, .footer-wrapper h4 a {
    color:#FFF;
    font-weight: 300;
    font-size:1.3rem;
}
body.west-midlands .footer-wrapper li a {
    color:#b97d81;
}
.footer-wrapper .social {
    display: inline-block;
    margin-right:0.5rem;
}
.footer-wrapper .social .fa {
    border-radius: 50%;
    color:#FFF;
    font-size:1.7em;
    border:2px solid #FFF;
    width:40px;
    height:40px;
    line-height:37px;
    text-align: center;
}
.footer-wrapper .author {
    font-size:1.1rem;
}
input.checkbox {
    display: inline-block;
    margin-right: 10px;
}
span.error_message {
    color:#e00931;
    font-weight: 600;
}
input.error_field {
    border:1px solid #e00931;
}
.form-control:invalid {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.nx-icon {
    border:2px solid #FFF;
    border-radius: 50%;
    width:25px;
    height:25px;
    line-height: 21px;
    text-align: center;
    margin-right:4px;
}
ul.featured {
    margin:0;
    padding:0;
}
ul.featured li {
    background: none;
}
.logo-header .dropdown:hover .dropdown-menu {
    display: block;
}
.logo-header .switcher {
    display: block;
    float: left;
    width: 30px;
}
.logo-header .switcher .dropdown-toggle {
    top:20px;
    left:5px;
    position: relative;
    font-size:2rem;
    color:#0d1f34;
}
.logo-header a.logo {
    display: block;
    margin-left:30px;
    overflow: hidden;
}
.logo-header a.logo span {
    display: inline-block;
}
.logo-header .dropdown-menu {
    position: absolute;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    border-radius:0;
    top: -20px;
    background: transparent;
    width: 350px;
    padding-top: 89px;
    border: 0;
    padding-left:0;
    padding-bottom:0;
}
.logo-header .dropdown-menu li {
    list-style: none;
    margin:0;
    padding:0;
    border-left: 3px solid #fff;
}
.logo-header .dropdown-menu li:hover {
    border-left: 3px solid #0d1f34;
}
.logo-header .dropdown-menu li a {
    display: block;
    padding: 1rem;
    background-color: #FFF;
}

body.west-midlands .logo-header a.logo {
    background: url(/images/logos/header-logo-wm.png) no-repeat center left;
}
body.coventry .logo-header a.logo {
    background: url(/images/logos/header-logo-coventry.png) no-repeat center left;
}
body.dundee .logo-header a.logo {
    background: url(/images/logos/header-logo-dundee.png) no-repeat center left;
}
body.the-metro .logo-header a.logo {
    background: url(/images/logos/header-logo-metro.png) no-repeat center left;
}

.text-sizes {
    border-right: 1px solid #e8eff1;
}
.text-sizes a {
    color:#0D1F34;
}


.header-search input.transparent-input {
    border-bottom: 1px solid #e8eff1;
    font-size:1.1rem;
    padding:4px;
}
.header-search input.transparent-input:focus {
    outline: none !important;
    box-shadow: 0px 0 4px rgba(0,0,0,0.1);
}
.header-search .fa-search {
    color: #cddce2;
}
.header-link {
    color:#1e456c;
    font-size:85%;
    line-height:200%;
    display: inline-block;
    margin-right: 5px;
}

@media (max-width: 400px) {
    a.logo {
        width:80%;
        background-size: contain !important;
    }
}
@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and (min-device-pixel-ratio: 1.25),
only screen and (min-resolution: 1.25dppx) {
    body.west-midlands .logo-header a.logo {
        background: url(/images/logos/header-logo-wm@2x.png) no-repeat center left;
        background-size: contain;
    }
    body.coventry .logo-header a.logo {
        background: url(/images/logos/header-logo-coventry@2x.png) no-repeat center left;
        background-size: contain;
    }
    body.dundee .logo-header a.logo {
        background: url(/images/logos/header-logo-dundee@2x.png) no-repeat center left;
        background-size: contain;
    }
    body.the-metro .logo-header a.logo {
        background: url(/images/logos/header-logo-metro@2x.png) no-repeat center left;
        background-size: contain;
    }
}
/**** Note this is not for responsive styling, only for styles which affect the mobile only application area ********/

.mobile-route-accordion .panel-heading {
    background-color: #FFF;
    border:0;
    border-bottom:1px solid #e7e8ea;
    border-radius: 0;
    padding: 0;
}
.mobile-route-accordion .panel-heading a {
    display: block;
    font-weight: 100;
    padding:2rem 1.5rem;
    position: relative;
}
.mobile-route-accordion .panel-heading a:after {
    content: "\f054";
    font-family: FontAwesome;
    color:#0c1c2c;
    float:right;
    display: inline-block;
    -webkit-text-stroke: 2px #e3eaf2;
    background-color: #e3eaf2;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    width:60px;
    text-align: center;
    display: flex;
    justify-content:center;
    align-content:center;
    flex-direction:column;
}
.mobile-route-accordion .panel-heading.active a:after {
    content: "\f078";

}
.mobile-route-accordion .panel-body {
    border:0;
    background-color: #f0f3f8;
    border-radius: 0;
}
.mobile-route-accordion.panel-group .panel+.panel {
    margin:0;
}
.mobile-route-accordion.panel-group .panel {
    border: 0;
}
.mobile-route-accordion.panel-group {
    margin-bottom: 0;
}

.mobile-footer {
    position: fixed;
    bottom:0px;
    width:100%;
    margin-left:0;
    margin-right:0;
}
.mobile-footer .mobile-footer-icon:before {
    content: "";
    display: block;
    width:100%;
    background: url(/images/icons/mobile-footer-bus.png) no-repeat center center;
    height:30px;
    background-size: contain;
    margin-bottom:0.5rem;
}
.mobile-footer .mobile-footer-icon.footer-the-metro:before {
    background: url(/images/icons/mobile-footer-tram.png) no-repeat center center;
    background-size: contain;
}
.mobile-footer .mobile-footer-icon {
    color:#FFF;
    text-align: center;
    display: block;
    font-size: 80%;
    padding: 1rem 0;
}
.mobile-footer .mobile-footer-icon:hover {
    background-color: rgba(0,0,0,0.1);
    text-decoration: none;
}

body.west-midlands .mobile-footer {
    background-color:rgba(104,7,16,1);
}
body.coventry .mobile-footer {
    background-color: rgba(110,175,217,0.95);
}
body.dundee .mobile-footer {
    background-color: rgba(8,133,132,0.95);
}
body.the-metro .mobile-footer {
    background-color: rgba(191,24,129,0.95);
}

.mobile-home-accordion .panel-heading a {
    color:#FFF;
    font-size: 140%;
    font-weight: 100 !important;
    padding: 1rem;
    line-height: 45px;
}
.mobile-home-accordion .panel-heading a:hover {
    text-decoration: none;
}
.mobile-home-accordion .panel-heading a:after {
    background-color: rgba(0,0,0,0.3);
    -webkit-text-stroke: 3px rgba(91,0,10,1);
    color:#FFF;
}
.mobile-home-accordion .panel-heading a .nx-nav-icon {
    margin-right:15px;
    margin-bottom:0;
    position: relative;
    top:-4px;
}
.mobile-home-accordion .panel-heading {
    background-color:#8e0011;
}
body.coventry .mobile-home-accordion .panel-heading {
    background-color: rgba(110,175,217,0.95);
}
body.coventry .mobile-home-accordion .panel-heading a:after {
    -webkit-text-stroke: 3px rgba(75,117,146,1);
}
body.dundee .mobile-home-accordion .panel-heading {
    background-color: rgba(8,133,132,0.95);
}
body.dundee .mobile-home-accordion .panel-heading a:after {
    -webkit-text-stroke: 3px rgba(16,90,88,1);
}
body.the-metro .mobile-home-accordion .panel-heading {
    background-color: rgba(191,24,129,0.95);
}
body.the-metro .mobile-home-accordion .panel-heading a:after {
    -webkit-text-stroke: 3px rgba(127,0,86,1);
}
.mobile-primary-nav .primary-navigation-wrapper {
    position: absolute;
    z-index: 1000;
    right:0;
    top:0;
    background-color: transparent !important;
}
.mobile-primary-nav .primary-navigation-wrapper .navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}
.mobile-primary-nav .primary-navigation-wrapper .navbar-collapse {
    background-color: rgba(142,0,17,0.95);
}
body.coventry .primary-navigation-wrapper .navbar-collapse {
    background-color: rgba(110,175,217,0.95);
}
body.dundee .primary-navigation-wrapper .navbar-collapse {
    background-color: rgba(8,133,132,0.95);
}
body.the-metro .primary-navigation-wrapper .navbar-collapse {
    background-color: rgba(191,24,129,0.95);
}
.mobile-primary-nav .primary-navigation-wrapper .navbar-header {
    padding:1.8rem 0.3rem;
}

.mobile-content-container {
    padding-bottom: 7rem;
}
.logo-header a.logo {
    margin-left:0;
}
.secondary-navigation {
    /*background-color: #e6ecf3;*/
}

.section_navigation ul {
    margin:0;
    padding:0;
}
.section_navigation ul li {
    border-bottom:1px solid #FFF;
}
.section_navigation ul li.has-children {
    position: relative;
}
.section_navigation ul li.has-children:before {
    font-family: FontAwesome;
    content: "\f0da";
    position: absolute;
    top:4px;
    left: 0px;
}
.section_navigation ul li.active {
    background-color: #FFF;
}
.section_navigation ul li.has-children.active:before {
    content: "\f0d7";
}
.section_navigation ul li a {
    font-weight:300;
    padding-left: 10px;
}
.section_navigation ul ul li a {
    background-color: #FFF;
    padding-left: 20px;
}

@media (min-width: 768px) {
    .secondary-navigation .navbar-default {
        background-color: transparent;
        border:0;
    }

}
.primary-navigation-outer {
    position: relative;
    z-index: 1;
    background-color: transparent;
}
.primary-navigation-wrapper {
    min-height:120px;
}
.primary-navigation-wrapper .navbar {
    margin-bottom: 0;
}
.primary-navigation-wrapper .navbar-default {
    background-color: transparent;
    border:0;
}
body.west-midlands .primary-navigation-wrapper {
    background-color:rgba(142,0,17,0.95);
}
body.coventry .primary-navigation-wrapper {
    background-color: rgba(110,175,217,0.95);
}
body.dundee .primary-navigation-wrapper {
    background-color: rgba(8,133,132,0.95);
}
body.the-metro .primary-navigation-wrapper {
    background-color: rgba(191,24,129,0.95);
}
.primary-navigation li {
    list-style: none;
    margin:0;
    padding:0;
}
.primary-navigation a {
    color:#FFF;
    font-size: 1.4rem;
    display: block;
    min-height:120px;
    padding-bottom: 0;
}
.primary-navigation a:hover {
    text-decoration: none;
    background-color: rgba(0,0,0,0.1);
}

.primary-navigation .main,
.primary-navigation .sub {
    display: block;
    color:#FFF;
    font-weight:300;
}
.primary-navigation .sub {
    color:rgba(255,255,255,0.7);
    margin-top:5px;
    font-size: 1.2rem;
}
.primary-navigation .nx-nav-icon,
.mobile-home-accordion .nx-nav-icon {
    border-radius: 50%;
    border:2px solid #FFF;
    color:#FFF;
    margin-bottom:5px;
    font-size: 2.2rem;
    width: 45px;
    height: 45px;
    text-align: center;
    line-height: 42px;
}
.primary-navigation .nx-nav-icon.fa-mouse-pointer:before {
    margin-left:3px;
}
.primary-navigation input.transparent-input {
    border-bottom: 1px solid rgba(255,255,255,0.6);
    font-size:1.1rem;
    padding:4px;
    color:#FFF;
}
.primary-navigation input.transparent-input:focus {
    outline: none !important;
    background-color: rgba(255,255,255,0.4) !important;
    color:#000;
}

.primary-navigation ::-webkit-input-placeholder {
    color: rgba(255,255,255,0.6);
}

.primary-navigation ::-moz-placeholder {  /* Firefox 19+ */
    color: rgba(255,255,255,0.6);
}

.primary-navigation :-ms-input-placeholder {
    color: rgba(255,255,255,0.6);
}

.primary-navigation .fa-search {
    color:rgba(255,255,255,0.6);
}

.primary-navigation .nx-contactless:before {
    background:url(/images/icons/contactless.png) no-repeat center 8px;
    background-size:80%;
    content: "";
    width:30px;
    height:33px;
    display:inline-block;
}


@media (max-width: 768px) {
    .primary-navigation-wrapper {
        min-height:0;
    }
    .primary-navigation a {
        padding:1rem 2rem;
        min-height:0;
    }
    .primary-navigation .main,
    .primary-navigation .sub{
        display: inline-block;
        margin-top:3px;
    }

    .primary-navigation .nx-nav-icon {
        font-size:1em;
        padding:0px;
        border:2px solid #FFF;
        margin-right:7px;
        width:27px;
        height:27px;
        line-height:23px;
        position: relative;
        top:-3px;
    }
    .primary-navigation .nx-contactless:before {
        width:21px;
        height: 21px;
        position:relative;
        top:-4px;
    }
    .primary-navigation input.transparent-input {
        width:100%;
    }
    .primary-navigation-wrapper .navbar-default .navbar-toggle .icon-bar {
        background-color: #FFF;
    }
    .primary-navigation ::-webkit-input-placeholder {
        color: rgba(0,0,0,0.6);
    }
    .primary-navigation-wrapper .navbar-default .navbar-toggle {
        border: 0;
    }
    .primary-navigation-wrapper .navbar-default .navbar-toggle:hover,
    .primary-navigation-wrapper .navbar-default .navbar-toggle:active {
        background-color: transparent;
    }
    .primary-navigation-wrapper .navbar-default .navbar-collapse {
        border:0;
        padding-bottom: 2rem;
    }
}
@font-face {
    font-family: 'bubbledot';
    src: url('/fonts/bubbledot_icg_fine_pos-webfont.woff2') format('woff2'),
    url('/fonts/bubbledot_icg_fine_pos-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.route-number {
    padding:0.6rem 1rem;
    color:#d59412;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQImWMQULX+j4wZBFSt/zPzS/9n5pfGI4CMAdFYFeWCEB0BAAAAAElFTkSuQmCC);
    border-radius: 4px;
    display: inline-block;
    margin-bottom:4px;
}
.route-feature-block {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAHklEQVQImWMQULX+j4wZBFSt/zPzS/9n5pfGI4CMAdFYFeWCEB0BAAAAAElFTkSuQmCC);
    padding-top:6rem;
    padding-bottom:8rem;
}
.route-feature-block .route-header {
    font-family: bubbledot;
    font-size: 500%;
    color:#d59412;
    line-height:75%;
}
.route-feature-block .route-title {
    color:#d59412;
    font-size: 250%;
    line-height:100%;
}
.route-feature-block .route-subtitle {
    font-size:120%;
    color:#FFF;
    font-weight:300;
}



@media (max-width: 768px) {
    .route-feature-block .route-header {
        font-size:300%;
    }
    .route-feature-block .route-title {
        font-size: 180%;
    }
    .route-tabs.nav > li > a {
        padding:5px;
        font-size:90%;
        font-weight:300;
    }
    .route-tabs.nav-tabs li a {
        background-color: rgba(230,230,230, 1);
    }
}
@media (max-width: 500px) {
    .route-feature-block .route-header {
        font-size:160%;
    }
    .route-feature-block .route-title {
        font-size: 130%;
    }
}
.nav-pills.travelcard-select-tabs li a {
    border:1px solid #bddeef;
    color:#008bbb;
}
.nav-pills.travelcard-select-tabs li.active a {
    border:1px solid #328bb7;
    color:#328bb7;
    background-color: transparent;
}
.ticket-group-expander.collapsed .fa:before {
    content: "\f055";
}
.purchase-feature h3 .fa {
    border:2px solid #ffffff;
    border-radius:50%;
    color:#FFF;
    padding:6px;
    margin-top: -5px;
}
.purchase-feature h3 {
    margin:0;
    color:#FFF;
    margin-top:3px;
}
.purchase-feature p,
.purchase-feature label,
.purchase-feature a {
    color:#FFF;
}
.purchase-feature p a {
    text-decoration: underline;
}
.purchase-feature a:hover {
    color:#e1e1e1;
}
.basket-ticket-row {
    color:#FFF;
    border-bottom:1px solid #20547b;
}
.basket-ticket-row a {
    color:#8fbed2;
}
.basket-parent .affix {
    top:0;
}

.purchase-basket .total {
    margin-top:2rem;
    color:#FFF;
}

.purchase-basket .current {
    display: inline-block;
    margin: 0 1rem;
}
.ticket-group-expander {
    font-size:200%;
}
.ticket-group-details {
    background-color: #edfbfe;
    padding:4rem;
}
.ticket-group-summary {
    border-bottom: 2px solid #e7f8ff;
    padding-bottom: 2rem;
}
.ticket-group-summary h4 {
    color:#646464;
}

.travelcard-feature-block .help-block h3 {
    color:#222;
}
.travelcard-feature-block .help-block .fa-question {
    color:#222;
    border:2px solid #222;
    border-radius: 50%;
    padding:6px;
}
.travelcard-feature-block .help-block p,
.travelcard-feature-block .help-block a,
.travelcard-feature-block .title-block a {
    color:#0d547e;
}
.travelcard-feature-block .help-block a,
.travelcard-feature-block .title-block a{
    text-decoration: underline;
}

.travelcard-feature-block .title-block h1 {
    font-size:400%;
}
.travelcard-feature-block .title-block a {
    display: inline-block;
    margin-right: 10px;
    font-weight:600;
}
.nav-tabs.buy-online-tabs li a {
    background-color: #6cd3bd;
    color:#FFF;
}
.nav-tabs.buy-online-tabs li.active a {
    color:#000;
}
.ticket-validity-info + tr td {
    border-top:0 !important;
}
.ticket-validity-info p {
    margin-bottom:0;
}
.ticket-purchase-row {
    font-weight: bold;
}
@media (max-width: 768px) {
    .affix {
        position: static;
    }
}
.twitter-block .fa-twitter {
    border: 2px solid rgb(51, 51, 51);
    border-radius: 50%;
    width: 39px;
    height: 39px;
    padding: 11px;
    margin-bottom:10px;
}
p.muted-reverse {
    color:#FFF;
    color:rgba(255,255,255,0.7);
}
a.feature-link {
    color:#e00931;
    font-weight:600;
    text-decoration: underline;
}
.header-block h1 {
    font-size:400%;
}
body.the-metro a.feature-link {
    color:#cf1689;
}
body.coventry a.feature-link {
    color:#7fc2e6;
}
body.dundee a.feature-link {
    color:#008d7c;
}