/* Navigation */

/* Hero */

/* RETINA DISPLAY IMAGES */

.hero {
  border-bottom: 4px solid #000;
  position: relative;
}

.main .container {
  background: transparent;
  padding-bottom: 0;
  padding-top: 0;
}

.main .container-fluid {
  max-width: 100%;
}

.main .container-fluid .content {
  padding: 0;
}

.content .content-inner {
  padding: 0;
}

.main-header .main-header-inner {
  padding: 0;
}

.main-header .main-header-inner .text-sizer {
  display: none;
}

.cta-blocks-wrapper {
  background: #fff url("/img/brand/mta-map-bkgd.jpg") repeat scroll center center/cover;
  padding: 2em 0;
}

.cta-blocks-wrapper.desktop {
  display: none;
}

.cta-blocks-wrapper.mobile .flex-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
  max-width: 375px;
}

.cta-blocks-wrapper.mobile .flex-wrapper .btn {
  border-radius: 12px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
  font-size: 1.125em;
  line-height: 1.25em;
  margin: 0 0 1em;
  padding: 1em;
  text-align: center;
  white-space: normal;
}

.cta-blocks-wrapper.mobile .flex-wrapper .btn.real-time .realtime-icon {
  background-image: url("/img/brand/realtime-icon-white.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
  display: inline-block;
  height: 36px;
  margin: 0 0 .25em;
  overflow: hidden;
  text-indent: -9999px;
  width: 100%;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .cta-blocks-wrapper.mobile .flex-wrapper .btn.real-time .realtime-icon {
    background-image: url("/img/brand/realtime-icon-white@2x.png");
    background-size: 36px 36px;
  }
}

.cta-blocks-wrapper.mobile .flex-wrapper .btn.wttz {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0;
  padding: 1em 3em 1em 1.5em;
  text-align: left;
}

.cta-blocks-wrapper.mobile .flex-wrapper .btn.wttz .wttz-icon {
  float: left;
  margin: 0 .625em 0 0;
  width: 30px;
}

.cta-blocks-wrapper.mobile .flex-wrapper .btn.wttz .btn-text {
  margin: 0 0 0 40px;
}

.cta-blocks-wrapper.mobile .flex-wrapper .btn .fa {
  display: block;
  font-size: 2em;
  margin: 0 0 .25em;
  text-align: center;
}

.recentnews-block {
  margin: 2em 0 4em;
}

.mobile-sticky-footer {
  display: none;
}

@media all and (min-width: 375px) {
  .cta-blocks-wrapper.mobile .flex-wrapper {
    padding: 1em;
  }
}

@media all and (min-width: 480px) {
  .cta-blocks-wrapper.mobile .flex-wrapper {
    padding: 1em;
  }
}

@media all and (min-width: 768px) {
  .hero {
    display: block;
  }

  .main {
    padding-top: 0;
  }

  .cta-blocks-wrapper.desktop {
    display: block;
  }

  .cta-blocks-wrapper.desktop .container .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4.routes-schedules {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4.real-time {
    margin: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4.real-time .block {
    margin: 0;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4.service-alerts {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4 .block {
    width: 100%;
  }

  .cta-blocks-wrapper.mobile {
    display: none;
  }
}

@media all and (min-width: 992px) {
  .cta-blocks-wrapper.desktop .container .row .col-md-4.routes-schedules {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4.real-time {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4.service-alerts {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }

  .cta-blocks-wrapper.desktop .container .row .col-md-4 .block {
    margin: 0;
  }
}

@media all and (min-width: 1200px) {
  .hero .flex-viewport {
    max-height: 550px;
  }
}

@media all and (min-width: 1440px) {
  .hero {
    border-width: 6px;
  }
}

@media all and (min-width: 1800px) {
  .hero .flex-viewport {
    max-height: 650px;
  }
}