﻿/* Basic readable fallback for IE10/IE11. Modern browsers ignore this block. */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  body {
    color: #17324a;
    background: #fff;
  }

  .page-width {
    width: 92%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
  }

  .particle-field,
  .orbit,
  .image-shine {
    display: none !important;
  }

  .reveal {
    opacity: 1 !important;
    transform: none !important;
  }

  .hero-copy h1 strong { font-size: 76px; }
  .hero-copy h1 span { font-size: 38px; }
  .hero-subtitle { font-size: 25px; }

  .news-grid,
  .info-grid,
  .map-stations {
    display: -ms-flexbox;
    display: flex;
  }

  .news-grid {
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .news-feature {
    width: 65%;
    margin-right: 3%;
  }

  #n_n02 {
    width: 32%;
    box-sizing: border-box;
  }

  .info-grid {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .info-module {
    width: 31.5%;
  }

  .map-stations {
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .map-stations > li {
    width: 23%;
  }

  .news-zone .cms-work-list.news_list li,
  #n_n02 .news_list li,
  .info-zone .info-module .compact-list li {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-align: center;
    align-items: center;
  }

  .news-zone .cms-work-list.news_list li::before,
  #n_n02 .news_list li::before,
  .info-zone .info-module .compact-list li::before {
    -ms-flex: 0 0 42px;
    flex: 0 0 42px;
  }

  .news-zone .cms-work-list.news_list li > a,
  #n_n02 .news_list li > a,
  .info-zone .info-module .compact-list li > a {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .news-zone .cms-work-list.news_list li > span,
  .news-zone .cms-work-list.news_list li > time,
  #n_n02 .news_list li > span,
  #n_n02 .news_list li > time,
  .info-zone .info-module .compact-list li > span,
  .info-zone .info-module .compact-list li > time {
    width: 92px;
    -ms-flex: 0 0 92px;
    flex: 0 0 92px;
    text-align: right;
  }

  @media (max-width: 900px) {
    .news-grid,
    .info-grid,
    .map-stations {
      display: block;
    }

    .news-feature,
    #n_n02,
    .info-module,
    .map-stations > li {
      width: 100%;
      margin-right: 0;
    }
  }
}