html * {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

body {
  height: 100%;
  background-color: #494A49;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  color: #373737;
  font-weight: 300;
  font-size: 62.5%; }

a {
  color: #008bca;
  text-decoration: none; }

a:hover, a:focus {
  text-decoration: underline; }

input {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300; }

*:focus {
  outline: 0; }

.aspNetHidden {
  display: none; }

.page-containter {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  max-width: 1020px;
  min-width: 320px;
  height: 100%; }

.message-box {
  padding: 1em;
  background-color: #fff;
  width: 100%;
  color: #909090;
  font-weight: bold; }
  .message-box__error-code {
    margin-top: 10px;
    margin-bottom: 10px; }
  @media (min-width: 600px) {
    .message-box {
      border-radius: 9px;
      position: absolute;
      left: 50%;
      top: 50%;
      width: 580px;
      position: absolute;
      z-index: 0;
      box-shadow: 0 0 40px rgba(0, 0, 0, 0.43);
      transform: translateY(300px) translateX(-50%); }
      .message-box__error-text {
        margin-left: 10px;
        display: inline-block;
        width: calc(100% - 170px);
        vertical-align: top; }
      .message-box_run-animation {
        transition: all 0.3s ease-in-out;
        transform: translateY(-50%) translateX(-50%);
        animation: fadein 1s; }
      .message-box:hover {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.7); } }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@media (min-width: 1000px) {
  .message-box {
    width: 980px; } }

.message-box__error-text {
  font-size: 2em;
  line-height: 1.2em; }
  .message-box__error-text h2 {
    color: #544f4f;
    margin-bottom: 0.5em; }