@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/medium.woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/mediumitalic.woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/black.woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/blackitalic.woff");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/bold.woff");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/bolditalic.woff");
  font-weight: 700;
  font-style: italic;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/regular.woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/regularitalic.woff");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/light.woff");
  font-weight: 200;
  font-style: normal;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/lightitalic.woff");
  font-weight: 200;
  font-style: italic;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/thin.woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: 'CeraProModern';
  src: url("../fonts/thinitalic.woff");
  font-weight: 100;
  font-style: italic;
}

.DesktopHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 999;
}

.DesktopHeader > * {
  margin: 6px 0 0 16px;
}

.DesktopHeader .LogoContainer {
  flex: 1;
}

.DesktopHeader .Logo {
  width: 320px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='320px' height='40px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 3200 400' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Layer_x0020_1'><g id='_417014152'><path fill='%2300A0DF' d='M436 125l0 217c0,32 -26,58 -58,58l-320 0c-32,0 -58,-26 -58,-58l0 -217c0,-6 5,-17 16,-23 35,-21 121,-59 202,-102l203 102c11,6 15,15 15,23z'/><path fill='white' d='M208 137c23,0 43,9 59,24 3,-1 6,-1 10,-1 42,0 76,34 76,77 0,40 -31,73 -71,76l0 0 -137 0 0 0c-35,-2 -62,-30 -62,-65 0,-30 20,-55 48,-62 13,-29 43,-49 77,-49z'/><path id='Combined-Shape' fill='%23333333' d='M673 144l-67 93 -67 -93 -7 0 0 163 19 0 0 -115 52 70 7 0 51 -70 0 115 19 0 0 -163 -7 0zm120 45l-39 94 -39 -94 -20 0 49 114 -6 15c-7,15 -16,19 -27,19 -4,0 -9,-1 -15,-2l0 16c6,2 13,3 19,3 18,0 31,-9 40,-30l58 -135 -20 0zm169 -45c-47,0 -84,36 -84,83 0,47 37,83 84,83 29,0 54,-14 67,-35l-15 -11c-11,18 -29,28 -52,28 -36,0 -64,-28 -64,-65 0,-38 28,-65 64,-65 23,0 41,10 52,28l15 -11c-14,-21 -38,-35 -67,-35l0 0zm104 -19l-18 0 0 182 18 0 0 -182zm76 61c-35,0 -62,27 -62,62 0,35 27,61 62,62 34,0 62,-28 62,-62 0,-35 -28,-62 -62,-62l0 0zm0 17c24,0 43,20 43,45 0,25 -19,44 -43,44 -25,0 -43,-19 -43,-44 0,-25 18,-45 43,-45l0 0zm173 -14l-19 0 0 72c0,20 -14,32 -30,32 -17,0 -31,-12 -31,-32l0 -72 -18 0 0 71c0,30 21,50 49,50 27,0 49,-20 49,-50l0 -71zm115 -64l0 81c-10,-12 -26,-20 -44,-20 -34,0 -59,27 -59,62 0,35 25,62 59,62 19,0 35,-8 45,-22l0 19 17 0 0 -182 -18 0zm-41 168c-25,0 -43,-19 -43,-45 0,-26 18,-45 43,-45 20,0 41,14 41,45 0,31 -21,45 -41,45l0 0zm106 -161c-14,0 -26,11 -26,26 0,14 12,26 26,26 14,0 25,-12 25,-26 0,-15 -11,-26 -25,-26l0 0zm0 46c-12,0 -20,-9 -20,-20 0,-12 8,-21 20,-21 11,0 20,9 20,21 0,11 -9,20 -20,20l0 0zm10 -25c0,-5 -4,-9 -10,-9l-10 0 0 27 6 0 0 -9 3 0 7 9 7 0 -8 -10c3,-2 5,-4 5,-8l0 0zm-14 4l0 -7 4 0c2,0 4,1 4,3 0,2 -2,4 -4,4l-4 0z'/></g><path fill='%23333333' d='M1683 147c11,0 21,2 29,7 9,5 16,12 21,19l-14 11c-4,-7 -9,-12 -16,-15 -6,-3 -13,-5 -20,-5 -4,0 -7,0 -11,1 -3,1 -6,3 -9,5 -2,1 -4,4 -6,7 -1,3 -2,6 -2,10 0,4 0,7 2,9 1,3 3,5 5,7 2,2 5,4 8,5 3,2 7,4 10,5l18 9c6,3 11,5 15,8 5,3 9,7 12,10 3,4 5,8 7,12 2,4 3,9 3,14 0,7 -2,13 -4,18 -3,6 -6,10 -11,14 -4,4 -10,7 -16,9 -6,2 -13,3 -20,3 -13,0 -24,-3 -34,-9 -11,-6 -19,-14 -25,-25l14 -10c3,3 5,7 8,10 3,4 6,6 10,9 4,2 8,4 12,6 5,1 9,2 14,2 10,0 17,-2 23,-7 6,-5 9,-11 9,-19 0,-4 0,-7 -2,-10 -1,-3 -3,-5 -5,-7 -2,-2 -5,-4 -8,-6 -4,-2 -7,-3 -11,-5l-18 -9c-5,-2 -9,-4 -13,-7 -5,-2 -8,-5 -12,-9 -3,-3 -6,-7 -8,-11 -2,-5 -3,-10 -3,-15 0,-6 2,-12 4,-17 3,-5 6,-10 11,-13 4,-4 9,-7 15,-9 6,-2 12,-2 18,-2zm138 58c-5,0 -10,1 -14,2 -5,2 -8,4 -12,7 -3,3 -6,7 -9,11 -2,4 -4,8 -4,13l73 0c0,-5 -1,-10 -2,-14 -2,-4 -5,-8 -8,-11 -3,-2 -7,-5 -11,-6 -4,-1 -9,-2 -13,-2zm53 36c0,3 0,6 0,8 -1,3 -1,5 -1,6l-92 0c0,6 2,11 4,16 3,4 6,8 9,12 4,3 8,6 13,8 5,1 11,2 17,2 7,0 13,-1 19,-4 6,-3 11,-7 16,-11l11 12c-6,6 -13,11 -21,15 -7,3 -16,5 -26,5 -9,0 -17,-1 -24,-4 -8,-4 -14,-8 -20,-13 -6,-6 -10,-12 -13,-20 -3,-7 -5,-15 -5,-24 0,-8 2,-16 5,-24 3,-7 7,-14 13,-19 5,-6 11,-10 18,-13 8,-3 16,-5 24,-5 7,0 14,1 21,4 6,2 12,6 17,11 5,4 8,10 11,16 3,7 4,14 4,22zm87 -51c1,0 3,0 4,0 2,0 3,0 4,1l0 16 -7 0c-5,0 -9,1 -14,2 -4,2 -8,4 -11,7 -4,3 -6,6 -8,11 -2,4 -3,9 -3,14l0 67 -19 0 0 -117 17 0 0 16c5,-5 10,-10 16,-13 7,-3 14,-4 21,-4zm135 1l-55 119 -6 0 -55 -119 19 0 39 88 39 -88 19 0zm46 117l-19 0 0 -117 19 0 0 117zm-10 -175c4,0 7,1 10,4 3,2 4,5 4,9 0,4 -1,7 -4,10 -3,2 -6,3 -10,3 -3,0 -7,-1 -9,-3 -3,-3 -5,-6 -5,-10 0,-4 2,-7 5,-9 2,-3 6,-4 9,-4zm103 55c10,0 20,2 28,7 8,4 15,11 20,18l-13 11c-5,-6 -10,-11 -15,-14 -6,-3 -12,-5 -20,-5 -6,0 -12,1 -17,3 -5,3 -10,6 -13,10 -4,4 -7,8 -9,14 -3,5 -4,11 -4,17 0,6 1,12 4,17 2,6 5,11 9,14 3,4 8,8 13,10 5,2 11,3 17,3 7,0 14,-1 20,-5 5,-3 10,-8 14,-13l14 10c-5,8 -12,14 -20,18 -8,5 -18,7 -28,7 -9,0 -17,-1 -24,-4 -8,-4 -14,-8 -20,-13 -5,-6 -9,-12 -13,-20 -3,-7 -4,-15 -4,-24 0,-8 1,-16 4,-24 4,-7 8,-14 13,-19 6,-6 12,-10 20,-13 7,-3 15,-5 24,-5zm130 17c-5,0 -9,1 -14,2 -4,2 -8,4 -11,7 -4,3 -7,7 -9,11 -2,4 -4,8 -5,13l74 0c0,-5 -1,-10 -3,-14 -2,-4 -4,-8 -7,-11 -4,-2 -7,-5 -11,-6 -5,-1 -9,-2 -14,-2zm54 36c0,3 0,6 -1,8 0,3 0,5 -1,6l-92 0c1,6 2,11 5,16 2,4 5,8 9,12 4,3 8,6 13,8 5,1 10,2 16,2 7,0 14,-1 20,-4 6,-3 11,-7 16,-11l11 12c-6,6 -13,11 -21,15 -8,3 -17,5 -26,5 -9,0 -17,-1 -25,-4 -7,-4 -14,-8 -19,-13 -6,-6 -10,-12 -13,-20 -4,-7 -5,-15 -5,-24 0,-8 1,-16 4,-24 4,-7 8,-14 13,-19 6,-6 12,-10 19,-13 7,-3 15,-5 24,-5 7,0 14,1 21,4 6,2 12,6 16,11 5,4 9,10 12,16 2,7 4,14 4,22zm147 -94c11,0 20,2 29,7 9,5 16,12 21,19l-14 11c-4,-7 -10,-12 -16,-15 -6,-3 -13,-5 -20,-5 -4,0 -8,0 -11,1 -3,1 -6,3 -9,5 -3,1 -5,4 -6,7 -2,3 -2,6 -2,10 0,4 0,7 1,9 2,3 4,5 6,7 2,2 5,4 8,5 3,2 6,4 10,5l17 9c6,3 11,5 16,8 5,3 8,7 12,10 3,4 5,8 7,12 2,4 2,9 2,14 0,7 -1,13 -3,18 -3,6 -7,10 -11,14 -5,4 -10,7 -16,9 -7,2 -13,3 -21,3 -12,0 -24,-3 -34,-9 -10,-6 -18,-14 -24,-25l14 -10c2,3 5,7 8,10 3,4 6,6 10,9 4,2 8,4 12,6 4,1 9,2 14,2 10,0 17,-2 23,-7 6,-5 9,-11 9,-19 0,-4 -1,-7 -2,-10 -1,-3 -3,-5 -5,-7 -3,-2 -5,-4 -9,-6 -3,-2 -7,-3 -10,-5l-18 -9c-5,-2 -9,-4 -14,-7 -4,-2 -8,-5 -11,-9 -3,-3 -6,-7 -8,-11 -2,-5 -3,-10 -3,-15 0,-6 1,-12 4,-17 2,-5 6,-10 10,-13 5,-4 10,-7 16,-9 5,-2 11,-2 18,-2zm135 146c4,0 9,0 16,-1l0 16c-3,0 -7,1 -10,1 -3,1 -6,1 -10,1 -11,0 -21,-3 -28,-9 -8,-6 -11,-15 -11,-29l0 -65 -20 0 0 -16 20 0 0 -32 18 0 0 32 37 0 0 16 -37 0 0 64c0,4 1,8 2,11 1,3 3,5 5,7 2,1 5,3 8,3 3,1 6,1 10,1zm76 2c5,0 10,-1 14,-3 4,-1 8,-3 11,-6 4,-3 6,-7 8,-10 2,-4 3,-9 3,-13l0 -3 -35 0c-8,0 -14,1 -19,4 -4,3 -6,7 -6,12 0,7 2,11 7,14 5,3 11,5 17,5zm9 -107c7,0 13,1 18,3 6,2 11,5 15,9 4,4 7,9 9,15 3,6 4,13 4,21l0 72 -18 0 0 -16c-4,6 -9,10 -16,14 -7,3 -14,4 -23,4 -6,0 -11,-1 -16,-2 -5,-2 -10,-4 -13,-7 -4,-2 -7,-6 -9,-10 -2,-4 -3,-9 -3,-14 0,-10 4,-18 11,-23 8,-6 18,-9 31,-9l37 0 0 -10c0,-10 -3,-18 -8,-23 -5,-5 -12,-7 -20,-7 -8,0 -14,1 -19,5 -6,3 -11,8 -15,14l-13 -11c6,-8 13,-15 21,-19 9,-4 17,-6 27,-6zm133 105c4,0 10,0 16,-1l0 16c-3,0 -6,1 -10,1 -3,1 -6,1 -10,1 -11,0 -21,-3 -28,-9 -8,-6 -11,-15 -11,-29l0 -65 -20 0 0 -16 20 0 0 -32 18 0 0 32 37 0 0 16 -37 0 0 64c0,4 1,8 2,11 1,3 3,5 5,7 2,1 5,3 8,3 3,1 6,1 10,1zm139 -32c0,8 -2,14 -4,20 -3,6 -6,12 -10,16 -5,4 -10,7 -16,10 -6,2 -12,3 -19,3 -7,0 -13,-1 -19,-3 -6,-3 -11,-6 -15,-10 -5,-4 -8,-10 -11,-16 -2,-6 -3,-12 -3,-20l0 -70 18 0 0 71c0,5 1,10 2,13 2,4 4,7 7,10 2,3 6,5 9,6 4,2 8,2 12,2 4,0 8,0 12,-2 3,-1 6,-3 9,-6 3,-3 5,-6 6,-10 2,-3 3,-8 3,-13l0 -71 19 0 0 70zm74 -73c8,0 16,2 22,5 6,3 12,8 17,13l-12 12c-3,-4 -8,-7 -13,-10 -5,-2 -10,-3 -15,-3 -6,0 -11,1 -14,4 -4,2 -6,6 -6,11 0,4 2,7 5,9 3,2 8,5 14,8l11 4c10,5 18,9 23,15 5,5 8,11 8,20 0,6 -1,11 -3,15 -3,4 -6,8 -9,11 -4,2 -8,5 -13,6 -5,1 -11,2 -16,2 -10,0 -19,-2 -27,-6 -8,-5 -14,-10 -19,-16l12 -13c5,6 10,10 15,13 5,4 12,5 19,5 6,0 11,-1 16,-4 4,-3 6,-7 6,-12 0,-3 0,-5 -1,-7 -1,-1 -3,-3 -5,-5 -1,-1 -4,-2 -6,-3 -3,-1 -5,-3 -8,-4l-12 -5c-4,-2 -8,-4 -12,-6 -3,-2 -6,-4 -9,-7 -2,-2 -4,-5 -6,-8 -1,-3 -2,-7 -2,-11 0,-6 1,-10 4,-14 2,-4 4,-8 8,-11 4,-2 8,-4 13,-6 4,-1 9,-2 15,-2z'/></g></svg>\a");
  cursor: pointer;
}

.DesktopHeader .Links {
  flex: 1;
  width: 152px;
  text-align: right;
  margin: 10px;
}

.DesktopHeader .Links a {
  text-decoration: none;
  color: #333333;
  font-weight: 500;
}

.DesktopHeader .Links a:hover {
  color: #00a0df;
}

.DesktopStatusContainer {
  text-align: center;
  display: none;
}

.DesktopStatus {
  margin: 10px;
  font-size: 16px;
}

.DesktopStatus:before {
  width: 16px;
  height: 16px;
}

.DesktopStatus.DesktopStatus--is-ok {
  color: #43a129;
}

.DesktopStatus.DesktopStatus--is-ok:before {
  background-color: #5cb743;
}

.DesktopStatus.DesktopStatus--is-not-ok {
  /*color: #eb3f3f;*/
  color: #f58223;
}

.DesktopStatus.DesktopStatus--is-not-ok:before {
  /*background-color: #eb3f3f;*/
  background-color: #f58223;
}

@media (max-width: 1300px) and (min-width: 1025px) {
  .DesktopStatusContainer {
    display: block;
  }
  .DesktopHeader .DesktopStatus {
    display: none;
  }
}

.MobileHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.MobileHeader .LogoContainer {
  flex: 1;
}

.MobileHeader .Logo {
  margin: 6px 0 6px 16px;
  width: 44px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='152px' height='40px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 1520 400' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%2300A0DF' d='M436 125l0 217c0,32 -26,58 -58,58l-320 0c-32,0 -58,-26 -58,-58l0 -217c0,-6 5,-17 16,-23 35,-21 121,-59 202,-102l203 102c11,6 15,15 15,23z'/><path fill='white' d='M208 137c23,0 43,9 59,24 3,-1 6,-1 10,-1 42,0 76,34 76,77 0,40 -31,73 -71,76l0 0 -137 0 0 0c-35,-2 -62,-30 -62,-65 0,-30 20,-55 48,-62 13,-29 43,-49 77,-49z'/></g></svg>");
}

.MobileHeader .Title {
  font-size: 22px;
  text-align: center;
  padding: 0 10px;
}

.MobileHeader .BurgerContainer {
  flex: 1;
}

.MobileHeader .Burger {
  float: right;
  margin-right: 6px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.MobileHeader .Burger:before, .MobileHeader .Burger:after {
  content: '';
  display: block;
  width: 20px;
  height: 2px;
  background: #00A0DF;
}

.MobileHeader .Burger:before {
  margin-bottom: 4px;
}

.MobileHeader .Burger:after {
  margin-top: 4px;
}

.MobileHeader .Burger span {
  display: block;
  width: 20px;
  height: 2px;
  background: #00A0DF;
}

@media (min-width: 768px) {
  .MobileHeader .Title {
    font-size: 26px;
  }
}

.Content {
  padding: 10px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .Content {
    padding: 10px 20px 100px 20px;
  }
}

@media (min-width: 1025px) {
  .Content {
    padding-bottom: 50px;
    max-width: 1260px;
    margin: 0 auto;
  }
}

.MobileStatus {
  font-size: 14px;
  text-align: center;
}

.MobileStatus:before {
  width: 14px;
  height: 14px;
}

.MobileStatus.MobileStatus--is-ok {
  color: #43a129;
}

.MobileStatus.MobileStatus--is-ok:before {
  background-color: #5cb743;
}

.MobileStatus.MobileStatus--is-not-ok {
  color: #eb3f3f;
}

.MobileStatus.MobileStatus--is-not-ok:before {
  background-color: #eb3f3f;
}

@media (min-width: 768px) {
  .MobileStatus {
    font-size: 20px;
  }
  .MobileStatus:before {
    width: 20px;
    height: 20px;
  }
}

.OsBlock {
  margin: 1em 0 3em 0;
  position: relative;
}

.OsBlock .full-link {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.OsBlock .Btn {
  z-index: 2;
  position: relative;
}

.OsBlock .Heading {
  font-size: 32px;
  line-height: 1.4em;
  font-weight: 400;
  text-align: center;
  margin-bottom: 1em;
}

.OsBlock .Heading.Heading--is-ok {
  color: #43a129;
}

.OsBlock .Heading.Heading--is-not-ok {
  /*color: #eb3f3f;*/
  color: #f58223;
}

.OsBlock .Image {
  margin: 0 auto;
  background-size: 100%;
  margin-bottom: 2em;
  position: relative;
  background-repeat: no-repeat;
}

.OsBlock .Image .StatusBadge {
  left: -10px;
  bottom: 0;
  position: absolute;
}

.OsBlock .Image.Image--mobile {
  width: 280px;
  height: 150px;
}

.OsBlock .Image.Image--mobile.Image--OS4 {
  background-image: url("OS4mobile.png");
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .OsBlock .Image.Image--mobile.Image--OS4 {
    background-image: url("OS4mobile@2x.png");
    background-size: 280px 150px;
  }
}

@media (min-width: 768px) {
  .OsBlock {
    box-sizing: border-box;
    margin: 0;
  }
  .OsBlock .Heading {
    font-size: 38px;
    margin: 50px 20px;
  }
  .OsBlock .Image {
    margin-bottom: 3em;
  }
  .OsBlock .Image .StatusBadge {
    left: -40px;
    bottom: 10px;
  }
  .OsBlock .Image.Image--desktop {
    width: 470px;
    height: 252px;
  }
}

@media (min-width: 768px) {
  .OsBlock .Image.Image--desktop.Image--OS4 {
    background-image: url("OS4desktop.png");
  }
}

@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
  .OsBlock .Image.Image--desktop.Image--OS4 {
    background-image: url("OS4desktop@2x.png");
    background-size: 470 252;
  }
}

@media (min-width: 768px) {
  .OsBlockContainer {
    display: flex;
  }
  .OsBlockContainer .OsBlock {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .OsBlockContainer .OsBlock .Image.Image--desktop {
    width: 100%;
    height: auto;
    max-width: 470px;
    padding-bottom: 54%;
    background-size: contain;
  }
}

@media (min-width: 768px) and (min--moz-device-pixel-ratio: 1.3), (min-width: 768px) and (-o-min-device-pixel-ratio: 2.6 / 2), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-device-pixel-ratio: 1.3), (min-width: 768px) and (min-resolution: 1.3dppx) {
  .OsBlockContainer .OsBlock .Image.Image--desktop.Image--OS4 {
    background-image: url("OS4desktop@2x.png");
  }
}

@media (min-width: 1025px) {
  .OsBlock .ImageContainer {
    max-width: 470px;
    margin: 0 auto;
  }
  .OsBlock:after {
    position: fixed;
    width: 50vw;
    top: 0;
    bottom: 0;
    left: 0;
    background: -moz-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(53, 53, 53, 0.05) 19%, rgba(0, 0, 0, 0.05) 29%, rgba(0, 0, 0, 0.05) 71%, rgba(51, 51, 51, 0.05) 82%, rgba(135, 135, 135, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(153, 153, 153, 0) 0%, rgba(53, 53, 53, 0.05) 19%, rgba(0, 0, 0, 0.05) 29%, rgba(0, 0, 0, 0.05) 71%, rgba(51, 51, 51, 0.05) 82%, rgba(135, 135, 135, 0) 100%);
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0) 0%, rgba(53, 53, 53, 0.05) 19%, rgba(0, 0, 0, 0.05) 29%, rgba(0, 0, 0, 0.05) 71%, rgba(51, 51, 51, 0.05) 82%, rgba(135, 135, 135, 0) 100%);
    content: '';
    opacity: 0;
  }
  .OsBlock:hover:after {
    opacity: 1;
  }
  .OsBlock + .OsBlock:after {
    left: auto;
    right: 0;
  }
  .OsBlock > * {
    z-index: 1;
  }
}

.Footer {
  margin-top: 5em;
  text-align: center;
  padding: 10px;
  font-size: 12px;
  color: #808080;
  line-height: 1.4em;
}

.Footer .Links {
  margin-bottom: 1em;
  font-size: inherit;
}

.Footer p {
  font-size: inherit;
}

.Footer a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}

@media (min-width: 768px) {
  .Footer {
    font-size: 14px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    right: 10px;
  }
}

@media (min-width: 1025px) {
  .FooterContainer {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 0px;
  }
  .FooterContainer .Footer {
    padding: 0 0 10px 0;
    position: static;
    box-sizing: border-box;
    max-width: 1260px;
    margin: 0 auto;
    font-size: 12px;
    overflow: hidden;
  }
  .FooterContainer .Footer .Links {
    float: right;
    margin: 0;
  }
  .FooterContainer .Footer .Links a:hover {
    color: #00a0df;
  }
  .FooterContainer .Footer p {
    float: left;
  }
}

.Btn {
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
  color: white;
  text-transform: uppercase;
  background-color: #00a0df;
  text-decoration: none;
  padding: 12px;
  border-radius: 4px;
  text-align: center;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: 'CeraProModern', sans-serif;
}

.Btn:hover {
  background-color: #0CACEB;
}

.Btn.Btn--block {
  display: block;
  max-width: 280px;
  margin: 0 auto;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .Btn {
    font-size: 18px;
    line-height: 18px;
    padding: 11px;
  }
}

.MobileSidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  z-index: 1000;
  pointer-events: none;
}

.MobileSidebar.is-opened {
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.8);
}

.MobileSidebar.is-opened .MobileSidebarContent {
  transform: translateX(0);
  visibility: visible;
}

.MobileSidebarContent {
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: calc(100vw - 75px);
  transition: all .5s ease;
  transform: translateX(calc(50px - 100vw));
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.4);
  background: #fff;
  will-change: transform;
  visibility: hidden;
  overflow-y: auto;
  max-width: 410px;
}

.MobileSidebarContent .Nav {
  font-size: 15px;
  outline: none;
  text-transform: uppercase;
  font-weight: 500;
}

.MobileSidebarContent .Nav a {
  color: #333;
  text-decoration: none;
  padding: 15px;
  display: block;
}

.MobileSidebarContent .Nav a:hover {
  background-color: #f3f3f3;
}

.MobileSidebarContent .Logo {
  margin: 6px 0 6px 16px;
  width: 152px;
  height: 40px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='152px' height='40px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 1520 400' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%2300A0DF' d='M436 125l0 217c0,32 -26,58 -58,58l-320 0c-32,0 -58,-26 -58,-58l0 -217c0,-6 5,-17 16,-23 35,-21 121,-59 202,-102l203 102c11,6 15,15 15,23z'/><path fill='white' d='M208 137c23,0 43,9 59,24 3,-1 6,-1 10,-1 42,0 76,34 76,77 0,40 -31,73 -71,76l0 0 -137 0 0 0c-35,-2 -62,-30 -62,-65 0,-30 20,-55 48,-62 13,-29 43,-49 77,-49z'/><path fill='%23333333' d='M673 144l-67 93 -67 -93 -7 0 0 163 19 0 0 -115 52 70 7 0 51 -70 0 115 19 0 0 -163 -7 0zm120 45l-39 94 -39 -94 -20 0 49 114 -6 15c-7,15 -16,19 -27,19 -4,0 -9,-1 -15,-2l0 16c6,2 13,3 19,3 18,0 31,-9 40,-30l58 -135 -20 0zm169 -45c-47,0 -84,36 -84,83 0,47 37,83 84,83 29,0 54,-14 67,-35l-15 -11c-11,18 -29,28 -52,28 -36,0 -64,-28 -64,-65 0,-38 28,-65 64,-65 23,0 41,10 52,28l15 -11c-14,-21 -38,-35 -67,-35l0 0zm104 -19l-18 0 0 182 18 0 0 -182zm76 61c-35,0 -62,27 -62,62 0,35 27,61 62,62 34,0 62,-28 62,-62 0,-35 -28,-62 -62,-62l0 0zm0 17c24,0 43,20 43,45 0,25 -19,44 -43,44 -25,0 -43,-19 -43,-44 0,-25 18,-45 43,-45l0 0zm173 -14l-19 0 0 72c0,20 -14,32 -30,32 -17,0 -31,-12 -31,-32l0 -72 -18 0 0 71c0,30 21,50 49,50 27,0 49,-20 49,-50l0 -71zm115 -64l0 81c-10,-12 -26,-20 -44,-20 -34,0 -59,27 -59,62 0,35 25,62 59,62 19,0 35,-8 45,-22l0 19 17 0 0 -182 -18 0zm-41 168c-25,0 -43,-19 -43,-45 0,-26 18,-45 43,-45 20,0 41,14 41,45 0,31 -21,45 -41,45l0 0zm106 -161c-14,0 -26,11 -26,26 0,14 12,26 26,26 14,0 25,-12 25,-26 0,-15 -11,-26 -25,-26l0 0zm0 46c-12,0 -20,-9 -20,-20 0,-12 8,-21 20,-21 11,0 20,9 20,21 0,11 -9,20 -20,20l0 0zm10 -25c0,-5 -4,-9 -10,-9l-10 0 0 27 6 0 0 -9 3 0 7 9 7 0 -8 -10c3,-2 5,-4 5,-8l0 0zm-14 4l0 -7 4 0c2,0 4,1 4,3 0,2 -2,4 -4,4l-4 0z'/></g></svg>");
}

@media (min-width: 768px) {
  .MobileSidebarContent .Nav {
    font-size: 20px;
  }
  .MobileSidebarContent .Nav a {
    padding: 20px;
  }
}

.Notifications {
  margin-bottom: 2em;
  list-style: none;
}

.Notifications .Notification {
  padding: 10px 10px 10px 50px;
  border-top: 1px solid #e0e0e0;
  position: relative;
  line-height: 1.25;
  background-repeat: no-repeat;
  background-position: 14px;
  background-size: 24px;
}

.Notifications .Notification:before {
  content: '';
  width: 4px;
  left: 0;
  top: 8px;
  bottom: 8px;
  position: absolute;
  display: block;
}

.Notifications .Notification:last-child {
  border-bottom: 1px solid #e0e0e0;
}

.Notifications .Notification.Notification--maintenance {
  background-image: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='20px' height='20px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%231d86c8' d='M10 19l180 0 0 162 -180 0 0 -162zm139 66l0 19 26 0 0 -19 -26 0zm0 34l0 18 26 0 0 -18 -26 0zm0 33l0 15 26 0 0 -15 -26 0zm-15 15l0 -15 -26 0 0 15 26 0zm0 -63l0 -19 -26 0 0 19 26 0zm-42 63l0 -15 -27 0 0 15 27 0zm0 -30l0 -18 -27 0 0 18 27 0zm0 -33l0 -19 -27 0 0 19 27 0zm-42 48l-25 0 0 15 25 0 0 -15zm-25 -15l25 0 0 -18 -25 0 0 18zm0 -33l25 0 0 -19 -25 0 0 19zm0 -34l150 0 0 -37 -150 0 0 37z'/></g></svg>");
}

.Notifications .Notification.Notification--maintenance:before {
  background-color: #1d86c8;
}

.Notifications .Notification.Notification--incident {
  background-image: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='20px' height='20px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23f58223' d='M193 159c-28,-43 -53,-84 -81,-127 -5,-8 -19,-8 -25,1 -27,43 -53,83 -81,126 -5,9 3,21 12,21 56,0 108,0 164,0 10,0 17,-12 11,-21zm-93 -17c5,0 10,4 10,10 0,5 -5,10 -10,10 -6,0 -10,-5 -10,-10 0,-6 4,-10 10,-10zm-7 -76l14 0 0 60 -14 0 0 -60z'/></g></svg>");
}

.Notifications .Notification.Notification--incident:before {
  background-color: #f58223;
}

.Notifications .Notification.Notification--outage {
  background-image: url("data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='20px' height='20px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23eb3f3f' d='M193 159c-28,-43 -53,-84 -81,-127 -5,-8 -19,-8 -25,1 -27,43 -53,83 -81,126 -5,9 3,21 12,21 56,0 108,0 164,0 10,0 17,-12 11,-21zm-93 -17c5,0 10,4 10,10 0,5 -5,10 -10,10 -6,0 -10,-5 -10,-10 0,-6 4,-10 10,-10zm-7 -76l14 0 0 60 -14 0 0 -60z'/></g></svg>");
}

.Notifications .Notification.Notification--outage:before {
  background-color: #eb3f3f;
}

@media (min-width: 768px) {
  .Notifications {
    font-size: 18px;
  }
  .Notifications .Notification {
    padding: 10px 10px 10px 70px;
    background-position: 22px;
    background-size: 30px;
  }
}

@media (min-width: 1025px) {
  .Notifications {
    font-size: 20px;
  }
  .Notifications .Notification {
    padding: 20px 20px 20px 100px;
    background-position: 37px;
  }
  .Notifications .Notification:before {
    width: 6px;
  }
}

.IncidentsHistory .IncidentsHistory__heading {
  font-size: 30px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 1em;
}

.IncidentsHistory .HistoryList {
  list-style: none;
}

.IncidentsHistory .HistoryList .HistoryItem {
  margin-bottom: 2em;
}

.IncidentsHistory .HistoryList .HistoryItem .meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1em;
}

.IncidentsHistory .HistoryList .HistoryItem .meta .date {
  color: #808080;
  font-size: 14px;
}

.IncidentsHistory .HistoryList .HistoryItem p {
  margin-bottom: 1em;
  line-height: 1.4;
}

.IncidentsHistory .HistoryList .HistoryItem p .timestamp {
  font-size: .85em;
  color: #808080;
}

.IncidentsHistory .HistoryList .HistoryItem h3 {
  font-weight: 400;
  font-size: 22px;
  margin-bottom: .5em;
  line-height: 1.4;
}

.IncidentsHistory .HistoryList .HistoryItem h3:before {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.IncidentsHistory .HistoryList .HistoryItem.HistoryItem--incident h3 {
  color: #f58223;
}

.IncidentsHistory .HistoryList .HistoryItem.HistoryItem--incident h3:before {
  background-color: #f58223;
}

.IncidentsHistory .HistoryList .HistoryItem.HistoryItem--outage h3 {
  color: #eb3f3f;
}

.IncidentsHistory .HistoryList .HistoryItem.HistoryItem--outage h3:before {
  background-color: #eb3f3f;
}

.IncidentsHistory .HistoryList .HistoryItem.HistoryItem--maintenance h3 {
  color: #1d86c8;
}

.IncidentsHistory .HistoryList .HistoryItem.HistoryItem--maintenance h3:before {
  background-color: #1d86c8;
}

.IncidentsHistory .LegendContainer .Links {
  margin-bottom: 1em;
}

.IncidentsHistory .LegendContainer .Links a {
  white-space: nowrap;
  font-weight: 500;
  color: #00a0df;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 20px;
}

.IncidentsHistory .LegendContainer .Links a > svg {
  vertical-align: middle;
  fill: #00a0df;
}

.IncidentsHistory .LegendContainer .Links a:hover {
  color: #0CACEB;
}

.IncidentsHistory .LegendContainer .Links a:hover > svg {
  fill: #0CACEB;
}

.IncidentsHistory .LegendContainer .Links a span {
  vertical-align: middle;
}

.IncidentsHistory .Legend {
  display: block;
  margin-bottom: 2em;
}

.IncidentsHistory .Legend > span {
  margin-right: 10px;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 10px;
}

.IncidentsHistory .Legend > span:before {
  width: 16px;
  height: 16px;
  margin-right: 5px;
}

.IncidentsHistory .Legend > span.Maintenance:before {
  background-color: #1d86c8;
}

.IncidentsHistory .Legend > span.Outage:before {
  background-color: #eb3f3f;
}

.IncidentsHistory .Legend > span.Incident:before {
  background-color: #f58223;
}

@media (min-width: 768px) {
  .IncidentsHistory .IncidentsHistory__heading {
    font-size: 38px;
  }
  .IncidentsHistory .HistoryList .HistoryItem {
    font-size: 18px;
    margin-bottom: 3em;
  }
  .IncidentsHistory .HistoryList .HistoryItem h3 {
    font-size: 26px;
  }
  .IncidentsHistory .HistoryList .HistoryItem h3:before {
    width: 18px;
    height: 18px;
  }
  .IncidentsHistory .HistoryList .HistoryItem p {
    margin-bottom: .4em;
  }
  .IncidentsHistory .HistoryList .HistoryItem .meta {
    margin-bottom: .4em;
  }
  .IncidentsHistory .HistoryList .HistoryItem .meta .date {
    font-size: 18px;
  }
}

@media (min-width: 1025px) {
  .IncidentsHistory .HistoryList .HistoryItem {
    font-size: 16px;
  }
  .IncidentsHistory .HistoryList .HistoryItem h3 {
    margin-bottom: .15em;
  }
  .IncidentsHistory .LegendContainer {
    display: flex;
    justify-content: space-between;
  }
  .IncidentsHistory .LegendContainer .Legend > span {
    margin-right: 0;
    margin-left: 20px;
  }
}

.Label {
  color: #fff;
  text-transform: uppercase;
  padding: 5px 5px 4px 5px;
  border-radius: 4px;
  font-size: 14px;
  min-width: 110px;
  text-align: center;
  font-weight: 500;
}

.Label.Label--resolved {
  background-color: #5cb743;
}

.Label.Label--outage {
  background-color: #eb3f3f;
}

.Label.Label--maintenance {
  background-color: #1d86c8;
}

.Label.Label--incident {
  background-color: #f58223;
}

@media (min-width: 1025px) {
  .Label {
    min-width: 115px;
    font-size: 16px;
    padding: 7px 15px 6px 15px;
  }
}

.SubscribeForm {
  text-align: center;
  padding-top: 40px;
  margin-top: 10em;
  border-top: 1px solid #e0e0e0;
}

.SubscribeForm .SubscribeFormContent {
  max-width: 520px;
  margin: 0 auto;
}

.SubscribeForm .SubscribeFormContent .Heading {
  font-size: 20px;
  line-height: 1.4;
}

.SubscribeForm .SubscribeFormContent p {
  font-size: 18px;
  line-height: 1.4;
}

.SubscribeForm .SubscribeFormContent a {
  color: #00A0DF;
  text-decoration: none;
}

.SubscribeForm .SubscribeFormContent a:hover {
  color: #0CACEB;
}

.SubscribeForm .SubscribeFormContent input {
  font-family: 'CeraProModern', sans-serif;
  display: block;
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
  margin: 1em auto;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
}

.SubscribeForm .SubscribeFormContent .Btn {
  margin: 0 0 .5em 0;
}

@media (min-width: 768px) {
  .SubscribeForm {
    margin-bottom: 2em;
  }
  .SubscribeForm .SubscribeFormContent .Heading {
    font-size: 23px;
  }
  .SubscribeForm .SubscribeFormContent form {
    text-align: center;
  }
  .SubscribeForm .SubscribeFormContent form > * {
    display: inline-block;
  }
  .SubscribeForm .SubscribeFormContent form input {
    width: 65%;
    margin-bottom: .5em;
  }
  .SubscribeForm .SubscribeFormContent form button {
    width: 25%;
  }
}

.OsBlockWide {
  display: flex;
  align-items: center;
  margin: 4em 0;
}

.OsBlockWide .ImageContainerContainer {
  flex: 1;
}

.OsBlockWide .ImageContainerContainer .ImageContainer {
  max-width: 470px;
  margin: 0 auto;
}

.OsBlockWide .ImageContainerContainer .ImageContainer .Image {
  width: 100%;
  height: auto;
  max-width: 470px;
  padding-bottom: 54%;
  background-size: contain;
  background-repeat: no-repeat;
}

.OsBlockWide .ImageContainerContainer .ImageContainer .Image.Image--OS4 {
  background-image: url("OS4desktop.png");
}

@media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6 / 2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .OsBlockWide .ImageContainerContainer .ImageContainer .Image.Image--OS4 {
    background-image: url("OS4desktop@2x.png");
  }
}

.OsBlockWide .Status {
  display: flex;
  flex: 1;
  align-items: center;
}

.OsBlockWide .Status .Heading {
  font-weight: 400;
  font-size: 38px;
  flex: 1;
  margin-left: 1em;
  line-height: 1.25;
}

.OsBlockWide .Status .Heading.Heading--is-ok {
  color: #43a129;
}

.OsBlockWide .Status .Heading.Heading--is-not-ok {
  /*color: #eb3f3f;*/
  color: #f58223;
}

.StatusBadge {
  height: 75px;
  width: 75px;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  text-align: center;
  position: relative;
}

.StatusBadge:before {
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 13px;
  left: 27.5px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='20px' height='20px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23ffffff' d='M125 85l0 100c0,8 -7,15 -15,15l-19 0c-9,0 -16,-7 -16,-16l0 -98 -35 35c-6,6 -16,6 -22,0l-14 -14c-5,-6 -5,-15 0,-21l75 -75c1,-2 2,-3 3,-4l0 0c5,-5 12,-7 18,-7 7,0 13,2 18,7l0 0c1,1 2,2 3,4l75 75c6,6 6,15 0,21l-14 14c-6,6 -16,6 -22,0l-35 -36z'/></g></svg>");
}

.StatusBadge:after {
  position: absolute;
  bottom: 10px;
  left: 15px;
  right: 15px;
}

.StatusBadge.StatusBadge--is-ok {
  background-color: #5cb743;
}

.StatusBadge.StatusBadge--is-ok:after {
  content: 'SERVICE UP';
}

.StatusBadge.StatusBadge--is-not-ok {
  /*background-color: #eb3f3f;*/
  background-color: #f58223;
}

.StatusBadge.StatusBadge--is-not-ok:after {
  content: 'SERVICE DOWN';
}

.StatusBadge.StatusBadge--is-not-ok:before {
  transform: rotate(180deg);
}

/* partial */

.StatusBadge.StatusBadge--is-partial {
  /*background-color: #eb3f3f;*/
  background-color: #f58223;
}

.StatusBadge.StatusBadge--is-partial:after {
  content: 'CHINA OUTAGE';
}

.StatusBadge.StatusBadge--is-partial:before {
  transform: rotate(180deg);
}

@media (min-width: 768px) {
  .StatusBadge {
    height: 100px;
    width: 100px;
    font-size: 14px;
  }
  .StatusBadge:before {
    width: 30px;
    height: 30px;
    top: 15px;
    left: 35px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='30px' height='30px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23ffffff' d='M125 85l0 100c0,8 -7,15 -15,15l-19 0c-9,0 -16,-7 -16,-16l0 -98 -35 35c-6,6 -16,6 -22,0l-14 -14c-5,-6 -5,-15 0,-21l75 -75c1,-2 2,-3 3,-4l0 0c5,-5 12,-7 18,-7 7,0 13,2 18,7l0 0c1,1 2,2 3,4l75 75c6,6 6,15 0,21l-14 14c-6,6 -16,6 -22,0l-35 -36z'/></g></svg>");
  }
  .StatusBadge:after {
    bottom: 15px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .OsBlockContainer .StatusBadge {
    height: 75px;
    width: 75px;
    font-size: 10px;
  }
  .OsBlockContainer .StatusBadge:before {
    width: 20px;
    height: 20px;
    top: 13px;
    left: 27.5px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='20px' height='20px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23ffffff' d='M125 85l0 100c0,8 -7,15 -15,15l-19 0c-9,0 -16,-7 -16,-16l0 -98 -35 35c-6,6 -16,6 -22,0l-14 -14c-5,-6 -5,-15 0,-21l75 -75c1,-2 2,-3 3,-4l0 0c5,-5 12,-7 18,-7 7,0 13,2 18,7l0 0c1,1 2,2 3,4l75 75c6,6 6,15 0,21l-14 14c-6,6 -16,6 -22,0l-35 -36z'/></g></svg>");
  }
  .OsBlockContainer .StatusBadge:after {
    bottom: 10px;
  }
}

.Services {
  margin-bottom: 3em;
}

.Services h3 {
  font-size: 20px;
  font-weight: 400;
  margin: .75em 0;
}

.Services li {
  color: #fff;
  margin-bottom: 10px;
  font-size: 18px;
  padding: 13px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Services li span {
  flex: 1;
}

.Services li:after {
  font-size: 14px;
}

.Services li:before {
  content: '';
  width: 16px;
  height: 16px;
  margin-right: 13px;
}

.Services li.Service--is-ok {
  background-color: #5cb743;
}

.Services li.Service--is-ok:before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16px' height='16px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23ffffff' d='M125 85l0 100c0,8 -7,15 -15,15l-19 0c-9,0 -16,-7 -16,-16l0 -98 -35 35c-6,6 -16,6 -22,0l-14 -14c-5,-6 -5,-15 0,-21l75 -75c1,-2 2,-3 3,-4l0 0c5,-5 12,-7 18,-7 7,0 13,2 18,7l0 0c1,1 2,2 3,4l75 75c6,6 6,15 0,21l-14 14c-6,6 -16,6 -22,0l-35 -36z'/></g></svg>");
}

.Services li.Service--is-ok:after {
  content: 'UP AND RUNNING';
}

.Services li.Service--is-not-ok {
  background-color: #eb3f3f;
}

.Services li.Service--is-not-ok:before {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16px' height='16px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23ffffff' d='M125 85l0 100c0,8 -7,15 -15,15l-19 0c-9,0 -16,-7 -16,-16l0 -98 -35 35c-6,6 -16,6 -22,0l-14 -14c-5,-6 -5,-15 0,-21l75 -75c1,-2 2,-3 3,-4l0 0c5,-5 12,-7 18,-7 7,0 13,2 18,7l0 0c1,1 2,2 3,4l75 75c6,6 6,15 0,21l-14 14c-6,6 -16,6 -22,0l-35 -36z'/></g></svg>");
}

.Services li.Service--is-not-ok:after {
  content: 'DOWN';
}
/* partial */

.Services li.Service--is-partial {
  background-color: #eb3f3f;
}

.Services li.Service--is-partial:before {
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='16px' height='16px' version='1.1' shape-rendering='geometricPrecision' text-rendering='geometricPrecision' image-rendering='optimizeQuality' fill-rule='evenodd' clip-rule='evenodd' viewBox='0 0 200 200' xmlns:xlink='http://www.w3.org/1999/xlink'><g><path fill='%23ffffff' d='M125 85l0 100c0,8 -7,15 -15,15l-19 0c-9,0 -16,-7 -16,-16l0 -98 -35 35c-6,6 -16,6 -22,0l-14 -14c-5,-6 -5,-15 0,-21l75 -75c1,-2 2,-3 3,-4l0 0c5,-5 12,-7 18,-7 7,0 13,2 18,7l0 0c1,1 2,2 3,4l75 75c6,6 6,15 0,21l-14 14c-6,6 -16,6 -22,0l-35 -36z'/></g></svg>");
}

.Services li.Service--is-partial:after {
  content: 'CHINA OUTAGE';
}

@media (min-width: 768px) {
  .ServicesContainer .Services h3 {
    font-size: 23px;
  }
  .ServicesContainer .Services li {
    font-size: 24px;
    padding: 11px;
  }
  .ServicesContainer .Services li:after {
    font-size: 18px;
  }
}

@media (min-width: 1025px) {
  .ServicesContainer {
    display: flex;
    justify-content: space-between;
  }
  .ServicesContainer .Services {
    width: 45%;
  }
}

* {
  margin: 0;
  padding: 0;
}

html {
  min-height: 100%;
  height: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: 'CeraProModern', sans-serif;
  font-size: 16px;
  color: #333333;
  position: relative;
  min-height: 100%;
}

.desktop,
.mobile,
.tablet,
.desktop-flex,
.mobile-flex,
.tablet-flex {
  display: none;
}

@media (max-width: 767px) {
  .mobile {
    display: block;
  }
  .mobile-flex {
    display: flex;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .tablet {
    display: block;
  }
  .tablet-flex {
    display: flex;
  }
}

@media (min-width: 1025px) {
  .desktop {
    display: block;
  }
  .desktop-flex {
    display: flex;
  }
}

.Circle:before {
  vertical-align: middle;
  content: '';
  border-radius: 50%;
  display: inline-block;
}

.Circle > span {
  vertical-align: middle;
}