.m-0 {
  margin: 0px; }

.m-l-0 {
  margin-left: 0px; }

.m-r-0 {
  margin-right: 0px; }

.m-t-0 {
  margin-top: 0px; }

.m-b-0 {
  margin-bottom: 0px; }

.m-5 {
  margin: 5px; }

.m-l-5 {
  margin-left: 5px; }

.m-r-5 {
  margin-right: 5px; }

.m-t-5 {
  margin-top: 5px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-10 {
  margin: 10px; }

.m-l-10 {
  margin-left: 10px; }

.m-r-10 {
  margin-right: 10px; }

.m-t-10 {
  margin-top: 10px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-15 {
  margin: 15px; }

.m-l-15 {
  margin-left: 15px; }

.m-r-15 {
  margin-right: 15px; }

.m-t-15 {
  margin-top: 15px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-20 {
  margin: 20px; }

.m-l-20 {
  margin-left: 20px; }

.m-r-20 {
  margin-right: 20px; }

.m-t-20 {
  margin-top: 20px; }

.m-b-20 {
  margin-bottom: 20px; }

* {
  box-sizing: border-box; }

.wf-loading {
  font-family: 'Roboto', sans-serif;
  visibility: hidden; }

.wf-active {
  visibility: visible; }

body,
html {
  background-color: #FFF;
  margin: 0;
  padding: 0; }

html {
  height: 100%; }

body {
  height: 100%;
  color: #575757;
  background-color: #fafafa; }

.body-content-wrapper {
  min-height: 100%;
  margin-bottom: -60px;
  background-color: #fafafa; }
  .body-content-wrapper:after {
    content: " ";
    display: block;
    height: 60px; }

.bg-gradient {
  background-image: linear-gradient(#FFF, #fafafa); }

b {
  font-weight: 600; }

a {
  color: inherit;
  text-decoration: none; }

a.back {
  font-size: 16px;
  display: inline-block; }
  a.back i {
    font-size: 14px;
    padding-right: 4px;
    vertical-align: baseline; }

.container {
  width: 90%;
  max-width: 850px;
  margin-left: auto;
  margin-right: auto; }

.text-align-right {
  text-align: right; }

.font--largest {
  font-size: 24px; }

.font--large {
  font-size: 20px; }

.font--small {
  font-size: 14px; }

.font--smallest {
  font-size: 13px; }

.font-weight--normal {
  font-weight: 300; }

.font-weight--heavy {
  font-weight: 400; }

.font-weight--heaviest {
  font-weight: 500; }

.m-1 {
  margin: 1px !important; }

.m-t-1 {
  margin-top: 1px !important; }

.m-l-1 {
  margin-left: 1px !important; }

.m-r-1 {
  margin-right: 1px !important; }

.m-b-1 {
  margin-bottom: 1px !important; }

.m-2 {
  margin: 2px !important; }

.m-t-2 {
  margin-top: 2px !important; }

.m-l-2 {
  margin-left: 2px !important; }

.m-r-2 {
  margin-right: 2px !important; }

.m-b-2 {
  margin-bottom: 2px !important; }

.m-3 {
  margin: 3px !important; }

.m-t-3 {
  margin-top: 3px !important; }

.m-l-3 {
  margin-left: 3px !important; }

.m-r-3 {
  margin-right: 3px !important; }

.m-b-3 {
  margin-bottom: 3px !important; }

.m-4 {
  margin: 4px !important; }

.m-t-4 {
  margin-top: 4px !important; }

.m-l-4 {
  margin-left: 4px !important; }

.m-r-4 {
  margin-right: 4px !important; }

.m-b-4 {
  margin-bottom: 4px !important; }

.m-5 {
  margin: 5px !important; }

.m-t-5 {
  margin-top: 5px !important; }

.m-l-5 {
  margin-left: 5px !important; }

.m-r-5 {
  margin-right: 5px !important; }

.m-b-5 {
  margin-bottom: 5px !important; }

.m-6 {
  margin: 6px !important; }

.m-t-6 {
  margin-top: 6px !important; }

.m-l-6 {
  margin-left: 6px !important; }

.m-r-6 {
  margin-right: 6px !important; }

.m-b-6 {
  margin-bottom: 6px !important; }

.m-7 {
  margin: 7px !important; }

.m-t-7 {
  margin-top: 7px !important; }

.m-l-7 {
  margin-left: 7px !important; }

.m-r-7 {
  margin-right: 7px !important; }

.m-b-7 {
  margin-bottom: 7px !important; }

.m-8 {
  margin: 8px !important; }

.m-t-8 {
  margin-top: 8px !important; }

.m-l-8 {
  margin-left: 8px !important; }

.m-r-8 {
  margin-right: 8px !important; }

.m-b-8 {
  margin-bottom: 8px !important; }

.m-9 {
  margin: 9px !important; }

.m-t-9 {
  margin-top: 9px !important; }

.m-l-9 {
  margin-left: 9px !important; }

.m-r-9 {
  margin-right: 9px !important; }

.m-b-9 {
  margin-bottom: 9px !important; }

.m-10 {
  margin: 10px !important; }

.m-t-10 {
  margin-top: 10px !important; }

.m-l-10 {
  margin-left: 10px !important; }

.m-r-10 {
  margin-right: 10px !important; }

.m-b-10 {
  margin-bottom: 10px !important; }

.m-11 {
  margin: 11px !important; }

.m-t-11 {
  margin-top: 11px !important; }

.m-l-11 {
  margin-left: 11px !important; }

.m-r-11 {
  margin-right: 11px !important; }

.m-b-11 {
  margin-bottom: 11px !important; }

.m-12 {
  margin: 12px !important; }

.m-t-12 {
  margin-top: 12px !important; }

.m-l-12 {
  margin-left: 12px !important; }

.m-r-12 {
  margin-right: 12px !important; }

.m-b-12 {
  margin-bottom: 12px !important; }

.m-13 {
  margin: 13px !important; }

.m-t-13 {
  margin-top: 13px !important; }

.m-l-13 {
  margin-left: 13px !important; }

.m-r-13 {
  margin-right: 13px !important; }

.m-b-13 {
  margin-bottom: 13px !important; }

.m-14 {
  margin: 14px !important; }

.m-t-14 {
  margin-top: 14px !important; }

.m-l-14 {
  margin-left: 14px !important; }

.m-r-14 {
  margin-right: 14px !important; }

.m-b-14 {
  margin-bottom: 14px !important; }

.m-15 {
  margin: 15px !important; }

.m-t-15 {
  margin-top: 15px !important; }

.m-l-15 {
  margin-left: 15px !important; }

.m-r-15 {
  margin-right: 15px !important; }

.m-b-15 {
  margin-bottom: 15px !important; }

.m-16 {
  margin: 16px !important; }

.m-t-16 {
  margin-top: 16px !important; }

.m-l-16 {
  margin-left: 16px !important; }

.m-r-16 {
  margin-right: 16px !important; }

.m-b-16 {
  margin-bottom: 16px !important; }

.m-17 {
  margin: 17px !important; }

.m-t-17 {
  margin-top: 17px !important; }

.m-l-17 {
  margin-left: 17px !important; }

.m-r-17 {
  margin-right: 17px !important; }

.m-b-17 {
  margin-bottom: 17px !important; }

.m-18 {
  margin: 18px !important; }

.m-t-18 {
  margin-top: 18px !important; }

.m-l-18 {
  margin-left: 18px !important; }

.m-r-18 {
  margin-right: 18px !important; }

.m-b-18 {
  margin-bottom: 18px !important; }

.m-19 {
  margin: 19px !important; }

.m-t-19 {
  margin-top: 19px !important; }

.m-l-19 {
  margin-left: 19px !important; }

.m-r-19 {
  margin-right: 19px !important; }

.m-b-19 {
  margin-bottom: 19px !important; }

.m-20 {
  margin: 20px !important; }

.m-t-20 {
  margin-top: 20px !important; }

.m-l-20 {
  margin-left: 20px !important; }

.m-r-20 {
  margin-right: 20px !important; }

.m-b-20 {
  margin-bottom: 20px !important; }

.part {
  padding-top: 45px;
  padding-bottom: 45px; }
  .part:nth-child(2) {
    padding-top: 55px; }
  .part:nth-child(2), .part:nth-child(3) {
    background-color: #FFF; }
  .part:nth-child(4) {
    background-image: linear-gradient(#FFF, #fafafa); }
  .part__notices {
    padding-top: 20px; }
  .part__overall-status {
    padding-bottom: 20px; }
    .part__overall-status p {
      color: #696a69;
      font-weight: 300; }
    @media screen and (max-width: 480px) {
      .part__overall-status {
        padding: 45px 0;
        padding-bottom: 10px;
        padding-top: 20px; } }
  .part__about {
    padding: 20px 0;
    padding-bottom: 10px; }
    .part__about p {
      color: #696a69;
      font-weight: 300;
      font-size: 17px;
      line-height: 1.4; }
    @media screen and (max-width: 480px) {
      .part__about {
        padding: 45px 0;
        padding-bottom: 10px;
        padding-top: 20px; } }
  .part__service {
    padding: 45px 0; }
    @media screen and (max-width: 480px) {
      .part__service {
        padding: 15px 0;
        padding-top: 20px; } }
    .part.part__overall-status + .part__service {
      padding-top: 40px; }
  .part__incidents {
    padding-top: 20px; }
  .part__event-historys {
    padding-top: 70px;
    background-image: linear-gradient(#FFF 0px, #fafafa 400px); }
    @media screen and (max-width: 480px) {
      .part__event-historys {
        padding-top: 20px; } }
  .part__event-detail {
    padding-top: 70px;
    padding-bottom: 70px;
    background-image: linear-gradient(#FFF 0px, #fafafa 150px); }
    @media screen and (max-width: 480px) {
      .part__event-detail {
        padding-top: 20px; } }
  .part__empty {
    padding-top: 60px;
    text-align: center; }
    .part__empty .block-title {
      color: #909090; }

.flex {
  -js-display: -ms-flexbox;
  -js-display: flex;
  display: -ms-flexbox;
  display: flex; }
  .flex--space-between {
    -ms-flex-pack: justify;
    justify-content: space-between; }

.sweet-alert button {
  box-shadow: none !important; }

.footer {
  background-color: #f2f2f2;
  height: 60px;
  line-height: 60px;
  color: #909090;
  font-weight: 300;
  text-align: right; }
  .footer__powered-by {
    font-size: 14px; }

.block {
  border-radius: 6px; }
  .block__header {
    margin-bottom: 10px; }
    .block__header__title {
      font-size: 12px;
      letter-spacing: 1.1px;
      color: #333333;
      text-transform: uppercase; }

.block-footer {
  text-align: center; }
  .block-footer__link a {
    color: #66bb6a;
    text-decoration: none;
    font-size: 16px; }
    .block-footer__link a i {
      vertical-align: middle;
      font-size: 14px; }
  .block + .block-footer {
    margin-bottom: 30px; }

.block-title {
  color: #575757;
  margin-bottom: 20px;
  font-weight: 400;
  padding-top: 20px;
  margin-top: 0; }

.block-subtitle {
  color: #575757;
  padding-top: 0px; }
  .block-subtitle__title {
    font-size: 18px; }

.card {
  background: #FFFFFF;
  border: 1px solid #dadada;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  padding: 20px 25px;
  font-size: 18px;
  transition: height 1s; }
  .card .card__content {
    margin-top: 25px; }

.list {
  padding: 0;
  margin: 0;
  list-style: none; }
  .list ul {
    padding-left: 25px;
    display: none;
    margin-top: -10px;
    margin-bottom: 10px; }
    .list ul .list__item {
      padding: 10px 0; }
  .list__item {
    padding: 22px 0; }
    .list__item .tooltip-message {
      margin-left: 6px;
      cursor: pointer; }
    .list__item__title {
      color: #575757;
      font-weight: 400;
      margin: 0;
      margin-bottom: 0px;
      word-break: break-word; }
      @media screen and (max-width: 480px) {
        .list__item__title {
          margin-bottom: 0; } }
      .list__item__title--sm {
        font-size: 16px;
        margin-bottom: 0px; }
        @media screen and (max-width: 480px) {
          .list__item__title--sm {
            font-size: 12px; } }
    .list__item__text {
      color: #575757;
      margin: 0;
      font-weight: 300;
      word-break: break-word; }
    .list__item__meta {
      color: #8d8d8d;
      display: inline-block;
      font-weight: 300;
      margin-top: 4px; }
      @media screen and (max-width: 480px) {
        .list__item__meta {
          font-size: 11px; } }
      .list__item__meta--block {
        display: block;
        margin: 2px 0;
        white-space: nowrap; }
      .list__item__meta--comma-seperate:not(:last-child):after {
        content: ", "; }
    .list__item--left-right {
      -js-display: -ms-flexbox;
      -js-display: flex;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      @media screen and (max-width: 480px) {
        .list__item--left-right {
          -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
          .list__item--left-right .left {
            width: 100%; }
          .list__item--left-right .right {
            width: 100%;
            text-align: left !important; } }
    .list__item--seperator:not(:last-child) {
      border-bottom: solid 1px #f2f2f2; }
    .list__item--has-child > .list__item {
      cursor: pointer; }
      .list__item--has-child > .list__item .toggle-sub-services .fa-chevron-circle-right {
        display: inline-block; }
      .list__item--has-child > .list__item .toggle-sub-services .fa-chevron-circle-up {
        display: none; }
      .list__item--has-child > .list__item .toggle-sub-services i {
        font-size: 17px; }
    .list__item--has-child.list__item--child-active > .list__item .service__status-name {
      display: none; }
    .list__item--has-child.list__item--child-active > .list__item .toggle-sub-services .fa-chevron-circle-right {
      display: none; }
    .list__item--has-child.list__item--child-active > .list__item .toggle-sub-services .fa-chevron-circle-up {
      display: inline-block; }
    .list__item--collapsible {
      cursor: pointer;
      position: relative; }
      .list__item--collapsible i.fa-chevron-right {
        -ms-flex: 0;
        flex: 0;
        width: 20px;
        margin-left: -18px;
        font-size: 10px;
        margin-right: 10px;
        transition: transform 0.25s;
        transform-origin: center;
        color: #a0a0a0; }
        @media screen and (max-width: 480px) {
          .list__item--collapsible i.fa-chevron-right {
            margin-right: 14px;
            font-size: 8px;
            margin-left: -4px; } }
      .list__item--collapsible.toggled i.fa-chevron-right {
        transform: rotate(90deg); }
      .list__item--collapsible .left {
        -ms-flex: 1;
        flex: 1; }
      .list__item--collapsible__child-view {
        margin-left: 0px; }
        @media screen and (max-width: 480px) {
          .list__item--collapsible__child-view {
            margin-left: 10px; } }
    .list__item--collapsible:hover.toggled:after {
      transform: rotate(90deg); }
    .list__item--event-details {
      margin-top: 20px; }
      .list__item--event-details__event-detail {
        -ms-flex-align: start;
        align-items: flex-start;
        border-radius: 6px;
        background-color: #FFF;
        padding: 15px;
        margin-bottom: 25px;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.05), 1px 1px 5px rgba(0, 0, 0, 0.05); }
        .list__item--event-details__event-detail--detail-page {
          box-shadow: none; }
          @media screen and (max-width: 480px) {
            .list__item--event-details__event-detail--detail-page {
              padding: 0; } }
        .list__item--event-details__event-detail__content {
          width: 100%; }
    .list__item--announcement__content {
      width: 100%;
      color: #333333;
      font-size: 16px;
      font-weight: 300; }
      .list__item--announcement__content p {
        margin: 0; }

.label {
  border-radius: 4px;
  padding: 8px 0px;
  display: inline-block;
  background-color: #66bb6a;
  color: #FFF;
  text-align: center;
  font-size: 14px; }
  @media screen and (max-width: 480px) {
    .label {
      font-size: 12px;
      padding: 4px; } }
  .label--sm {
    padding: 3px 8px;
    font-size: 12px; }
    @media screen and (max-width: 480px) {
      .label--sm {
        font-size: 10px;
        padding: 3px 5px; } }
  .label--fix-width {
    min-width: 140px; }
    @media screen and (max-width: 480px) {
      .label--fix-width {
        min-width: 10px; } }
  .label--outline {
    background-color: #FFF;
    border: 1px solid #a0a0a0;
    color: #a0a0a0; }

.layout1__logo {
  max-width: 160px;
  margin: auto;
  padding: 60px 0; }
  .layout1__logo img {
    max-width: 100%; }

@media screen and (max-width: 480px) {
  .layout1 .list__item--event-details__event-detail.list__item--left-right {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .layout1 .list__item--event-details__event-detail.list__item--left-right .list__item--event-details__event-detail__content {
      width: 100%;
      margin-top: 4px; }
    .layout1 .list__item--event-details__event-detail.list__item--left-right .list__item--event-details__event-detail:not(:last-child) {
      padding: 12px 0; } }

/**
 * Flex Grid -
 * Version: 0.3.2
 *
 * Simple grid built with flex box and sass.
 *
 * Matthew Simo - matthew.a.simo@gmail.com
 */
/**
 * Grid setup
 *
 * The grid will calculate dimensions based on these two variables:
 * $fg-columns will inform the grid loops how many columns there should be.
 * $fg-gutter will inform the grid loops how big eac column's gutters should be.
 *
 * The grid will name columns, rows, offsets based on these three variables:
 * $fg-class-row string used for the row class
 * $fg-class-col string used for the column class
 * $fg-class-off string used for the offset class
 */
/**
 * Break point namespace object
 *
 * Set the default namespace object with these defaults with the
 * understanding that you can pass in whatever you might require for your site.
 *
 * $fg-breakpoints is a Sass list with nested lists inside. Each sub list defines two things.
 * 1. The namespace for that breakpoint. (Required) (i.e. xs, sm, md, lg)
 * 2. The min-width measurement for the breakpoint for that namespace. (i.e. 48em, 62em, 75em)
 *
 * Note: These should be in the proper order (at least till libsass handles map keys properly).
 *
 * Note: If the measurement is left out then it will be skipped when generating
 * the grid and applied to global styles.
 *
 */
/**
 * Class Name Defaults
 *
 * Define class names for columns, rows and offsets in case compatibility with other
 * libraries is necessary.
/**
 * Calculate column size percentage
 */
/**
 * Spacing mixin to create uniform margin/padding
 */
/**
 * Row wrapper class, flex box parent.
 */
.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem; }

.col-xs, .col-sm, .col-md, .col-lg, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.col-xs, .col-sm, .col-md, .col-lg {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

/**
 * Generate a set of grid column classes using a namespace
 *
 * .col-[namespace] for intelligent column division
 * .col-[namespace]-[number] for a column that covers a specific number of columns (e.g. 1-12 by default)
 * .off-[namespace]-[number] for pushing a col a specific number of columns (e.g. 1-11 by default)
 */
/**
 * Build the grid in two steps, to help minimize file size
 * Step 1, for each namespace, create the grid-base
 * Step 2, for each namespace, wrap the col width/offset measurements in their breakpoint media query
 */
.col-xs-1 {
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.col-xs-2 {
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.col-xs-5 {
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.col-xs-8 {
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.col-xs-11 {
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.off-xs-1 {
  margin-left: 8.3333333333%; }

.off-xs-2 {
  margin-left: 16.6666666667%; }

.off-xs-3 {
  margin-left: 25%; }

.off-xs-4 {
  margin-left: 33.3333333333%; }

.off-xs-5 {
  margin-left: 41.6666666667%; }

.off-xs-6 {
  margin-left: 50%; }

.off-xs-7 {
  margin-left: 58.3333333333%; }

.off-xs-8 {
  margin-left: 66.6666666667%; }

.off-xs-9 {
  margin-left: 75%; }

.off-xs-10 {
  margin-left: 83.3333333333%; }

.off-xs-11 {
  margin-left: 91.6666666667%; }

@media only screen and (min-width: 768px) {
  .col-sm-1 {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .off-sm-1 {
    margin-left: 8.3333333333%; }
  .off-sm-2 {
    margin-left: 16.6666666667%; }
  .off-sm-3 {
    margin-left: 25%; }
  .off-sm-4 {
    margin-left: 33.3333333333%; }
  .off-sm-5 {
    margin-left: 41.6666666667%; }
  .off-sm-6 {
    margin-left: 50%; }
  .off-sm-7 {
    margin-left: 58.3333333333%; }
  .off-sm-8 {
    margin-left: 66.6666666667%; }
  .off-sm-9 {
    margin-left: 75%; }
  .off-sm-10 {
    margin-left: 83.3333333333%; }
  .off-sm-11 {
    margin-left: 91.6666666667%; } }

@media only screen and (min-width: 992px) {
  .col-md-1 {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-md-2 {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-md-5 {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-md-8 {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-md-11 {
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .off-md-1 {
    margin-left: 8.3333333333%; }
  .off-md-2 {
    margin-left: 16.6666666667%; }
  .off-md-3 {
    margin-left: 25%; }
  .off-md-4 {
    margin-left: 33.3333333333%; }
  .off-md-5 {
    margin-left: 41.6666666667%; }
  .off-md-6 {
    margin-left: 50%; }
  .off-md-7 {
    margin-left: 58.3333333333%; }
  .off-md-8 {
    margin-left: 66.6666666667%; }
  .off-md-9 {
    margin-left: 75%; }
  .off-md-10 {
    margin-left: 83.3333333333%; }
  .off-md-11 {
    margin-left: 91.6666666667%; } }

@media only screen and (min-width: 1200px) {
  .col-lg-1 {
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .off-lg-1 {
    margin-left: 8.3333333333%; }
  .off-lg-2 {
    margin-left: 16.6666666667%; }
  .off-lg-3 {
    margin-left: 25%; }
  .off-lg-4 {
    margin-left: 33.3333333333%; }
  .off-lg-5 {
    margin-left: 41.6666666667%; }
  .off-lg-6 {
    margin-left: 50%; }
  .off-lg-7 {
    margin-left: 58.3333333333%; }
  .off-lg-8 {
    margin-left: 66.6666666667%; }
  .off-lg-9 {
    margin-left: 75%; }
  .off-lg-10 {
    margin-left: 83.3333333333%; }
  .off-lg-11 {
    margin-left: 91.6666666667%; } }

.header .container {
  position: relative; }

.header .header__logo {
  position: relative;
  padding: 15px 0; }
  .header .header__logo .logo h1 {
    margin: 0;
    font-size: 20px; }

.header .header__nav {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px; }

.button {
  cursor: pointer;
  padding: 10px 25px;
  background-color: #66bb6a;
  color: #FFF;
  border-radius: 7px;
  display: inline-block;
  outline: none;
  font-size: 14px;
  transition: background-color 0.25s; }
  .button i {
    font-size: 10px;
    padding-right: 4px; }
  .button:hover {
    background-color: #49a54e; }
  .button.hide {
    opacity: 0;
    visibility: hidden; }
  .button--outline {
    background-color: transparent;
    color: #66bb6a;
    border: 1px solid #66bb6a; }
    .button--outline:hover {
      background-color: #66bb6a;
      color: #FFF; }
  .button--white {
    color: #FFF;
    border-color: #FFF; }
    .button--white:hover {
      color: #FFF;
      border-color: #FFF;
      background-color: transparent;
      opacity: 0.8; }
  .button--round {
    border-radius: 1000px; }
  .button--icon {
    height: 50px;
    width: 50px;
    padding: 0;
    position: relative;
    box-shadow: 0 6px 13px 0 rgba(0, 0, 0, 0.23);
    border: 1px solid #49a54e; }
    .button--icon i {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 28px;
      padding: 0; }

.service__name {
  font-size: 16px;
  color: #696a69; }

.service__status-name {
  font-size: 14px; }

@media screen and (max-width: 480px) {
  .service .list__item--left-right {
    display: inherit; }
    .service .list__item--left-right .service__name {
      margin-top: 2px; } }

.subscribe-backdrop {
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.tag {
  background: #f2f2f2;
  color: #8d8d8d;
  padding: 5px 10px;
  display: inline-block;
  border-radius: 10px;
  margin-bottom: 4px; }
  .tag + .tag {
    margin-left: 2px; }

.timeline {
  padding-top: 0;
  padding-left: 150px;
  padding-bottom: 70px;
  border-left: 2px solid #efefef;
  border-width: 0;
  border-left-width: 2px;
  margin-left: 6px;
  position: relative; }
  @media screen and (max-width: 480px) {
    .timeline {
      padding-left: 15px; }
      .timeline .flex {
        display: inherit; }
      .timeline .list__item__meta {
        margin-left: 0 !important; } }
  .timeline:first-child {
    border-image: linear-gradient(to bottom, #fafafa 10px, #efefef 10px) 1 100%; }
  .timeline:last-child {
    border-image: linear-gradient(to bottom, #efefef 70%, #fafafa 100%) 1 100%; }
  .timeline:first-child:last-child {
    border-image: linear-gradient(to bottom, #fafafa 10px, #efefef 10px, #efefef 70%, #fafafa 100%) 1 100%; }
  .timeline:before {
    content: ' ';
    width: 14px;
    height: 14px;
    z-index: 10;
    position: absolute;
    left: -8px;
    border-radius: 1000px;
    top: 6px;
    background-color: #66bb6a; }
    .events-ongoing .timeline:before {
      background-color: #BC4343; }
  .timeline > div:first-child,
  .timeline > div:not(:first-child) > div {
    position: relative; }
  .timeline__event-time {
    position: absolute;
    top: 0;
    left: -150px;
    color: #696a69;
    padding: 5px 18px; }
    @media screen and (max-width: 480px) {
      .timeline__event-time {
        position: inherit;
        left: inherit;
        top: inherit;
        display: block;
        padding-left: 0; } }
  .timeline__update-time {
    position: absolute;
    top: 0;
    left: -150px;
    color: #b0b0b0;
    padding: 15px 18px; }
    @media screen and (max-width: 480px) {
      .timeline__update-time {
        position: inherit;
        left: inherit;
        top: inherit;
        padding: 0;
        padding-top: 10px;
        display: inline-block; } }
  .timeline--detail-page {
    padding-bottom: 0;
    border: none;
    border-image: none !important;
    margin: 0; }
    .timeline--detail-page:before {
      content: "";
      display: none; }
    @media screen and (max-width: 480px) {
      .timeline--detail-page {
        padding: 0; } }
    .timeline--detail-page__update-time {
      padding-left: 0; }
  .timeline--no-more-event {
    padding-bottom: 0; }
    .timeline--no-more-event:last-child {
      border-image: linear-gradient(#efefef 10px, #fafafa 10px) 1 100%; }
    .timeline--no-more-event:first-child:last-child {
      border-image: linear-gradient(to bottom, #fafafa 10px, #efefef 10px, #efefef 10px, #fafafa 10px) 1 100%; }
    .timeline--no-more-event:before {
      background-color: #b0b0b0; }
    .timeline--no-more-event__event-time {
      padding-left: 0; }
    @media screen and (max-width: 480px) {
      .timeline--no-more-event .timeline__event-time {
        display: inline-block;
        padding-top: 0; } }

.detail-block {
  border-radius: 6px;
  background-color: #FFF;
  padding: 0 40px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.05), 1px 1px 5px rgba(0, 0, 0, 0.05); }
  @media screen and (max-width: 480px) {
    .detail-block {
      padding: 0 5%; } }
  .detail-block__header {
    text-align: center;
    padding: 40px 0;
    border-bottom: 2px solid #F4F4F4; }
  .detail-block__title {
    font-size: 36px;
    font-weight: 500;
    color: #575757;
    margin: 0;
    margin-bottom: 15px; }
  .detail-block__event-time {
    color: #696a69;
    font-size: 18px;
    margin-bottom: 15px; }
  .detail-block__affected-service {
    color: #838383;
    font-size: 14px; }
  .detail-block__content {
    padding: 40px 0;
    line-height: 1.5; }
    .detail-block__content p {
      font-weight: 300;
      font-size: 17px; }

.error {
  padding: 40px; }
  .error--fullscreen {
    text-align: center;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #8d8d8d; }
  .error__code {
    font-size: 200px;
    font-weight: 300;
    margin: 0; }
  .error__title {
    font-size: 40px;
    font-weight: 300;
    margin: 0; }

.nav {
  padding: 0;
  margin: 0;
  list-style: none; }
  .nav .nav {
    position: absolute;
    top: 100%;
    left: 0;
    display: none;
    min-width: 195px;
    padding: 10px 0; }
    .nav .nav .nav__item {
      display: block;
      padding: 5px 10px; }

.nav__item {
  padding: 0 10px;
  display: inline-block;
  position: relative; }
  .nav__item i {
    margin-right: 8px;
    width: 15px;
    text-align: center; }
  .nav__item:hover .nav {
    display: block; }
  .nav__item a {
    display: inline-block;
    padding: 0px 10px;
    opacity: 1;
    transition: opacity 0.25s;
    line-height: 1.7; }
  .nav__item:last-child a {
    padding-right: 0; }
  .nav__item a:hover {
    opacity: 0.8; }

.nav__item--active a {
  opacity: 1; }

.nav__item--has-subitem {
  position: relative; }

.nav__subitem {
  display: none;
  background-color: #FFF;
  border: solid 1px #f2f2f2;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.15);
  border-radius: 3px; }

.header .header__nav .nav.nav__subitem a {
  color: #696a69; }

.overall-status {
  border-radius: 4px;
  padding: 15px;
  color: #FFF; }
  .overall-status__title {
    font-size: 18px; }
    .overall-status__title i {
      width: 20px;
      text-align: center; }

.statuspage-warning-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  color: #FFF;
  padding: 20px;
  font-size: 14px;
  z-index: 1001; }
  .statuspage-warning-banner a {
    text-decoration: underline; }
  .statuspage-warning-banner + footer {
    margin-bottom: 58px; }

/*# sourceMappingURL=statuspage.css.map */