body, * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  color: #2e3333;
}

::selection {
  background: #cacccc;
  color: #00c1b2;
}

.error-page {
  background: #fff url(/images/error-background.svg) repeat-x 0 0;
  text-align: center;
  padding: 137px 16px 32px;
}

.error-page h1 {
  background: transparent url(/images/error-roo.svg) no-repeat 50% 0;
  padding-top: 200px;
  font-family: "stratos","ge-dinar-one","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑体","Hiragino Sans GB","冬青黑体",sans-serif;
  font-weight: 400;
  font-size: 40px;

  margin: 0;
  text-transform: capitalize;
  letter-spacing: 0px;
  line-height: initial;

  display: block;
}

.error-page p {
  font-family: "adelle","ge-dinar-one","Helvetica Neue",Helvetica,Arial,"Microsoft YaHei","微软雅黑体","Hiragino Sans GB","冬青黑体",sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 14px;
  max-width: 450px;
  margin: 16px auto 32px;
}

@media only screen and (max-width: 767px) {
  .error-page {
    margin-top: -50px;
    background-position: 0 -50px;
  }
}

.flag {
  background: transparent url(/images/sprite-flags.jpg) no-repeat 50% 0;
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 432px 36px;
  background-repeat: no-repeat;
  margin: 5px;
  vertical-align: text-bottom;
  border-radius: 20px;
  text-indent: -1000em;
}

.flag-ae { background-position: -324px 0 }
.flag-au { background-position: -36px 0 }
.flag-be { background-position: -108px 0 }
.flag-de { background-position: -288px 0 }
.flag-es { background-position: -252px 0 }
.flag-fr { background-position: -72px 0 }
.flag-hk { background-position: -396px 0 }
.flag-ie { background-position: -144px 0 }
.flag-it { background-position: -180px 0 }
.flag-nl { background-position: -216px 0 }
.flag-sg { background-position: -360px 0 }
.flag-uk { background-position: 0 0 }