html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    letter-spacing:0;
    vertical-align:baseline;
    background:transparent;
    font-weight:inherit
}
*{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
article,aside,figure,footer,header,hgroup,nav,section{
    display:block
}
object,embed{
    max-width:100%
}
ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
b,strong{
    font-weight:bold
}
blockquote:before,blockquote:after,q:before,q:after{
    content:'';
    content:none
}
a{
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
del{
    text-decoration:line-through
}
abbr[title],dfn[title]{
    border-bottom:1px dotted #000;
    cursor:help
}
table{
    border-collapse:collapse;
    border-spacing:0
}
mark{
    color:inherit
}
hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    margin:1em 0;
    padding:0
}
input,select{
    vertical-align:middle
}
pre{
    white-space:pre;
    white-space:pre-wrap;
    white-space:pre-line;
    word-wrap:break-word
}
input[type="radio"]{
    vertical-align:text-bottom
}
input[type="checkbox"]{
    vertical-align:bottom;
    *vertical-align:baseline
}
.ie6 input{
    vertical-align:text-bottom
}
select,input,textarea{
    font:99% sans-serif
}
table{
    font-size:inherit;
    font:100%
}
a:hover,a:active{
    outline:none
}
small{
    font-size:85%
}
strong,th{
    font-weight:bold
}
td,td img{
    vertical-align:top
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
pre,code,kbd,samp{
    font-family:monospace, sans-serif
}
.clickable,label,input[type=button],input[type=submit],button{
    cursor:pointer
}
button,input,select,textarea{
    margin:0
}
button{
    width:auto;
    overflow:visible
}
.ie7 img{
    -ms-interpolation-mode:bicubic
}
.ie6 html{
    filter:expression(document.execCommand("BackgroundImageCache", false, true))
}
.clearfix:before,.clearfix:after{
    content:"\0020";
    display:block;
    height:0;
    overflow:hidden
}
.clearfix:after{
    clear:both
}
.clearfix{
    zoom:1
}
select,input,textarea,a{
    outline:none
}
a{
    color:inherit
}

.sectionHeader{
    font-size: 14px;
    color: gray;
}

.flashMessage{
    background:#e03056;
    text-align:center;
    padding:20px 15px;
    color:#fff
}
.flashMessage--notice{
    background-color:#adcb54
}
.history__heading{
    font-size:35px;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:38px;
    margin-bottom:7px;
    text-align:center
}
.history__info{
    font-size:14px;
    color:#999;
    margin-bottom:40px;
    text-align:center
}
.history__items{
    overflow:hidden;
    margin-bottom:25px
}
.history__item{
    padding:7px 0;
    overflow:hidden
}
.history__itemType{
    width:14%;
    font-weight:600;
    text-transform:uppercase;
    font-size:11px;
    margin-top:-1px;
    float:left
}
.history__itemType span{
    background:#333;
    width:100%;
    display:inline-block;
    text-align:center;
    border-radius:6px;
    padding:3px 0;
    border-bottom:1px solid #ccc
}
.history__itemType span.history__itemType__issue{
    background:#BFC8D0;
    border-color:#9ba8b4
}
.history__itemType span.history__itemType__maintenance{
    background:#FFF7D6;
    border-color:#dbd3b3
}
.history__itemTitle{
    margin-left:16%;
    font-size:14px
}
.history__itemDate{
    margin-left:5px;
    font-size:90%;
    color:#999;
    font-size:12px;
    text-align:right
}
.history__itemHeading{
    font-weight:600;
    font-size:20px;
    border-bottom:1px solid #ddd;
    padding-bottom:3px;
    margin-bottom:25px
}
@media (max-width: 600px){
    .history__heading{
        font-size:29px
    }
    .history__itemType{
        width:100%
    }
    .history__itemType span{
        background:none;
        text-align:left;
        font-weight:700
    }
    .history__itemType span.history__itemType__issue{
        background:#fff;
        color:#068FD6;
        border:0
    }
    .history__itemType span.history__itemType__maintenance{
        background:#fff;
        color:#9b957b;
        border:0
    }
    .history__itemTitle{
        margin-left:0
    }
}
@media (max-width: 470px){
    .history__heading{
        font-size:23px
    }
    .history__info{
        margin-bottom:25px
    }
}
.ongoingIssues{
    margin-bottom:15px
}
.issueBanner{
    background:#333;
    display:block;
    border-radius:6px;
    text-decoration:none;
    padding:13px 17px;
    color:#fff;
    margin-bottom:15px
}
.issueBanner:last-child{
    margin-bottom:0
}
.issueBanner--investigating{
    background:#d13943
}
.issueBanner--identified{
    background:#d13980
}
.issueBanner--monitoring{
    background:#399dd1
}
.issueBanner--maintenance{
    background:#fff7d6;
    color:#77745e
}
.issueBanner__state{
    float:right;
    font-weight:600;
    font-size:12px;
    margin-left:15px
}
.issueBanner__time{
    font-size:12px;
    opacity:0.7
}
.issueDetail{
    overflow:hidden
}
.issueDetail__title{
    font-size:35px;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:38px;
    margin-bottom:7px
}
.issueDetail__date{
    font-size:13px;
    color:#999;
    margin-bottom:30px
}
.issueDetail__descriptionTitle{
    font-weight:700;
    margin-bottom:15px
}
.issueDetail__description{
    line-height:24px;
    margin-bottom:25px
}
.issueDetail__details{
    line-height:24px;
    margin-bottom:40px
}
.issueDetail__details dt{
    font-weight:700;
    margin-bottom:15px;
    float:left;
    width:40%
}
.issueDetail__details dd{
    margin-bottom:15px
}
.issueDetail__details dd:last-child{
    margin-bottom:0
}
.issueDetail__services{
    background:#fff7d6;
    width:220px;
    float:right;
    font-size:13px;
    padding:15px 20px;
    border-radius:4px;
    margin-left:25px
}
.issueDetail__services p{
    font-weight:bold;
    margin-bottom:5px
}
.issueDetail__services li{
    list-style:square;
    margin-left:16px
}
@media (max-width: 750px){
    .issueDetail__services{
        float:none;
        width:100%;
        margin-left:0;
        margin-bottom:25px
    }
}
@media (max-width: 600px){
    .issueDetail__details dt{
        float:none;
        width:100%;
        margin-bottom:10px
    }
}
@media (max-width: 470px){
    .issueDetail__title{
        font-size:25px;
        line-height:30px
    }
}
.issueUpdates{
    line-height:1.5
}
.issueUpdates__header{
    font-weight:700;
    margin-bottom:25px;
    font-size:22px
}
.issueUpdates__update{
    margin-bottom:15px;
    padding-bottom:15px;
    border-bottom:1px dashed #ddd
}
.issueUpdates__update:last-child{
    border-bottom:0;
    margin-bottom:0;
    padding-bottom:0
}
.issueUpdates__text{
    margin-bottom:5px
}
.issueUpdates__meta{
    font-size:12px;
    color:#888
}
.issueUpdate__state--investigating{
    color:#d13943
}
.issueUpdate__state--identified{
    color:#d13980
}
.issueUpdate__state--monitoring{
    color:#399dd1
}
.issueUpdate__state--resolved{
    color:#6CBE07
}
.button{
    border-radius:4px;
    padding:10px 20px;
    background:#fff;
    text-decoration:none;
    border:1px solid #ddd;
    color:#888;
    text-transform:uppercase;
    font-size:12px
}
.pushButton{
    background:#efefef;
    font-size:12px;
    color:#777;
    text-shadow:1px 1px 2px #fff;
    padding:6px 15px;
    text-decoration:none;
    display:inline-block;
    border-radius:4px;
    border:1px solid #ddd;
    font-weight:600;
    outline:none;
    box-shadow:inset 0 0 1px #fff;
    background:#fcfcfc;
    background:-moz-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #efefef));
    background:-webkit-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
    background:-o-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
    background:-ms-linear-gradient(top, #fcfcfc 0%, #efefef 100%);
    background:linear-gradient(to bottom, #fcfcfc 0%, #efefef 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#efefef',GradientType=0 )
}
.pushButton:active{
    background:#efefef
}
.maintenanceStatusTag{
    color:#aaa
}
.maintenanceStatusTag.maintenanceStatusTag--active{
    color:#6CBE07
}
.maintenanceStatusTag.maintenanceStatusTag--upcoming{
    color:#068FD6
}
.pagination{
    text-align:center;
    margin-top:45px;
    font-size:12px
}
.pagination a,.pagination span.page.current{
    background:#f9f9f9;
    border:1px solid #ccc;
    padding:2px 9px;
    margin:0 2px;
    display:inline-block;
    text-decoration:none
}
.pagination span.page.current{
    font-weight:bold;
    background:#ccc;
    color:#fff
}
.inputWithSubmit{
    overflow:hidden
}
.inputWithSubmit__input{
    width:80%;
    float:left
}
.inputWithSubmit__input input{
    width:100%
}
.inputWithSubmit__submit{
    float:right;
    width:18%
}
.inputWithSubmit__submit button,.inputWithSubmit__submit input{
    width:100%
}
@media (max-width: 560px){
    .inputWithSubmit__input{
        width:68%
    }
    .inputWithSubmit__submit{
        width:30%
    }
}
.pageHeader{
    padding:40px;
    background:#f9f9f9;
    border-bottom:1px solid #efefef;
    margin-bottom:50px
}
.pageHeader__title{
    float:right;
    color:#999
}
@media (max-width: 470px){
    .pageHeader{
        margin-bottom:25px;
        padding:20px 20px
    }
    .pageHeader .button{
        padding:4px 10px
    }
    .pageHeader__title{
        font-size:14px
    }
}
.serviceGroup{
    margin-bottom:25px
}
.serviceGroup__title{
    margin-bottom:8px;
    font-size:16px;
    color:#bfc8d0
}
.serviceList{
    border:2px solid #bfc8d0;
    border-radius:6px;
    margin-bottom:10px
}
.serviceList__item{
    padding:13px 15px;
    border-bottom:1px solid #d7e2eb
}
.serviceList__item:after{
    content:" ";
    visibility:hidden;
    display:block;
    height:0;
    clear:both
}
.serviceList__item:nth-child(even){
    background:#f6fbff
}
.serviceList__item:last-child{
    border-bottom:0;
    border-radius:0 0 6px 6px
}
.serviceList__description{
    background:transparent url(default/question.svg) 0 0/100% auto no-repeat;
    display:inline-block;
    height:14px;
    margin-left:5px;
    vertical-align:-1px;
    width:14px
}
.serviceList__link{
    float:left;
    font-size: 12px;
    color: gray;
}
.serviceList__name{
    float:left
}
.serviceList__status{
    float:right
}
@media (max-width: 650px){
    .serviceList__description{
        display:none
    }
}
@media (max-width: 470px){
    .serviceList{
        font-size:14px;
        border-width:1px
    }
}
@media (max-width: 320px){
    .serviceList__item{
        text-align:center
    }
    .serviceList__name{
        margin-bottom:5px
    }
    .serviceList__name,.serviceList__status{
        float:none
    }
}
.siteFooter{
    border-top:1px solid #efefef;
    padding:30px 0 80px 0;
    overflow:hidden;
    font-size:13px;
    margin-top:50px
}
.siteFooter__nav{
    margin-bottom:15px;
    float:left
}
.siteFooter__nav li{
    display:inline;
    margin-right:25px
}
.siteFooter__nav li a{
    color:#999
}
.siteFooter__nav li:last-child{
    margin-right:0
}
.siteFooter__poweredBy{
    float:right;
    color:#999
}
@media (max-width: 600px){
    .siteFooter{
        text-align:center
    }
    .siteFooter__nav{
        float:none
    }
    .siteFooter__poweredBy{
        float:none;
        clear:left;
        margin-top:15px;
        opacity:0.5;
        font-size:11px
    }
}
.siteHeader{
    text-align:center;
    background: linear-gradient(98.04deg, #3BD4AF 0%, #3B9DD4 103.89%);
    padding:80px 0 60px 0;
    position:relative;
    margin-bottom:50px
}
.siteHeader.has-coverImage{
    padding:260px 0 60px 0;
    background-size:cover
}
.siteHeader.has-coverImage .siteHeader__title{
    text-shadow:0 0 6px rgba(0,0,0,0.8)
}
.siteHeader.has-coverImage .siteHeader__subTitle{
    color:#fff;
    text-shadow:0 0 6px black
}
.siteHeader.has-coverImage .siteHeader__button{
    background:rgba(0,0,0,0.5);
    color:#fff
}
.siteHeader__button{
    background:rgba(0,0,0,0.2);
    border:0;
    color:#6e7c88;
    border-radius:5px;
    text-decoration:none;
    font-size:12px;
    text-transform:uppercase;
    padding:8px 18px
}
.siteHeader__title{
    font-size:55px;
    letter-spacing:-0.05em;
    font-weight:700;
    color:#fff;
    margin-bottom:15px
}
.siteHeader__subTitle{
    font-size:16px;
    width:80%;
    margin:auto;
    line-height:24px;
    color:#fff
}
.siteHeader__lastUpdate{
    margin-top:20px;
    font-size:12px;
    width:100%;
    line-height:24px;
    color:#fff
}
.siteHeader__subscribe{
    position:absolute;
    top:25px;
    right:25px
}
.siteHeader__logo{
    position:absolute;
    top:25px;
    left:25px
}
.siteHeader__logo img{
    max-height:30px
}
@media (max-width: 750px){
    .siteHeader__title{
        font-size:6.0vw
    }
}
@media (max-width: 600px){
    .siteHeader{
        padding:85px 0 30px 0;
        margin-bottom:25px
    }
    .siteHeader.has-coverImage{
        padding:100px 0 40px 0
    }
    .siteHeader__button{
        padding:5px 12px;
        font-size:11px
    }
    .siteHeader__subTitle{
        font-size:14px;
        line-height:20px
    }
}
@media (max-width: 470px){
    .siteHeader__subTitle{
        font-size:13px;
        line-height:18px
    }
}
.subscribePage__heading{
    text-align:center;
    font-size:35px;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:38px;
    margin-bottom:7px
}
.subscribePage__info{
    font-size:14px;
    color:#999;
    text-align:center;
    margin-bottom:40px
}
.subscribePage__box{
    border:2px solid #BFC8D0;
    border-radius:4px;
    background:#F6FBFF;
    padding:20px
}
.subscribePage__subHeading{
    font-size:18px;
    font-weight:600;
    margin-bottom:4px
}
.subscribePage__subInfo{
    font-size:13px;
    color:#999;
    margin-bottom:15px
}
.subscribePage__input{
    font-size:13px;
    color:#000;
    padding:5px 8px;
    width:50%;
    text-decoration:none;
    display:inline-block;
    border-radius:4px;
    border:1px solid #ddd;
    font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif
}
.subscribePage__input:focus{
    border-color:#aaa
}
@media (max-width: 600px){
    .subscribePage__heading{
        font-size:29px
    }
}
@media (max-width: 470px){
    .subscribePage__heading{
        font-size:23px
    }
    .subscribePage__info{
        margin-bottom:25px
    }
}
.subscriberVerification__title{
    font-size:35px;
    font-weight:700;
    letter-spacing:-0.02em;
    line-height:38px;
    margin-bottom:15px
}
.subscriberVerification__intro{
    font-size:18px;
    line-height:30px;
    margin-bottom:25px
}
.subscriberVerification__intro b{
    background-color:#fffbdc
}
.subscriberVerification__back{
    font-size:14px;
    color:#999
}
[data-tooltip]{
    position:relative
}
[data-tooltip]:after,[data-tooltip]:before{
    pointer-events:none;
    transition:all 0.1s cubic-bezier(0.25, 0.25, 0.485, 1.65)
}
[data-tooltip]:after{
    background-color:rgba(0,0,0,0.675);
    border-radius:6px;
    bottom:calc(100% + 14px);
    color:#ffffff;
    content:attr(data-tooltip);
    font-size:12px;
    left:7px;
    line-height:1.5;
    margin-left:-89px;
    opacity:0;
    padding:12px;
    position:absolute;
    text-align:center;
    text-overflow:ellipsis;
    transform:translateY(-10px);
    visibility:hidden;
    width:164px
}
[data-tooltip]:before{
    border-bottom:8px solid transparent;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-top:8px solid rgba(0,0,0,0.675);
    bottom:calc(100% - 2px);
    content:" ";
    left:7px;
    margin-left:-7px;
    opacity:0;
    position:absolute;
    transform:translateY(-10px);
    visibility:hidden
}
[data-tooltip]:hover:after,[data-tooltip]:hover:before{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
body{
    font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:16px;
    -webkit-text-size-adjust:none;
    text-size-adjust:none
}
.container{
    max-width:700px;
    margin:0 auto
}
@media (max-width: 750px){
    .container{
        padding:0 25px
    }
}