body {
  background: #F6F8FA;
}
html, body {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
body {
  margin: 0;
}
body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}


.nk-block, .login-content:before, .error-page-wrap, .error-page-area:before {
    vertical-align: middle;
    display: inline-block;
}
.login-content:before, .error-page-area:before {
    content: '';
    height: 100vh;
    width: 1px;
}
.error-page-wrap h5 {
    margin-top:20px;
}
.error-page-wrap h5 {
 
    font-weight:bold;
    font-size:32px;
    color:#fff;
    font-family: 'Courier New', monospace;
}
 .error-page-wrap h4 {
  color:#fff;
 font-family: 'Courier New', monospace;
      margin-top:20px;
 /* font-size: 18px;
  text-shadow: 3px 3px 3px #000000;*/
}
.icon {
    float: left
    
}

@media screen and (max-width:500px) {
.error-page-wrap:first-child {
    height: 50% !important;
    width:100%!important;
    min-height: 50% !important;
}
}

.error-page-wrap {
   
      background-image: url(../Resource/53baa2f6-c112-4c50-b54a-0e15f4caa2d5.jpg);
    
   background-color: #cccccc; /* Used if the image is unavailable */
 
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */

  /* Full height */
  height: auto;
  width:100%;

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;


}

.icon li a {
    display:block;
    margin-bottom: 3rem;
}
.icon i {
    color: white;
}
.icon li a i:hover  {
    color: royalblue;
}


.login-content, .error-page-area {
  /*min-height: 100vh;*/
  text-align: center;
  background-color: #28281c;
}

error-page-wrap {
 clear:both;
}

.nk-form, .error-page-wrap {
  background-color: #28281c;
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
  border-radius: 2px;
}
 .error-page-wrap {
  max-width: 80%;
 
  width: 100%;
  height:80%;
  position: relative;
  margin: 0 auto;
   
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
 .error-page-area {
  text-align: center;
}
.container {

}