 
.errorpage-sec{display: table-cell;width: 100vw;height: 100vh;vertical-align: middle;background:#061027;position: relative;}
.errorpage-sec h2 {color:#acacac;font-weight: 300;text-transform: uppercase;position: absolute;left: 0;right: 0;bottom: -20vh;margin: auto;z-index: 9;}
.errorpage-sec .error404-wrp{display: inline-block;margin: auto;}
.errorpage-sec .error404-wrp .error-41{width: 33%;display: inline-block;margin: auto;}
.errorpage-sec .error404-wrp .error-41 img{width: 40vh;position: relative;left: 10%;}
.errorpage-sec .error404-wrp .error-40{width: 33%;display: inline-block;margin: auto;}
.errorpage-sec .error404-wrp .error-40 img{width: 40vh;}
.errorpage-sec .error404-wrp .error-42{width: 33%;display: inline-block;margin: auto;}
.errorpage-sec .error404-wrp .error-42 img{width: 40vh;position: relative;left: -10%;}
.errorpage-sec .spaceman{width: 40vh;position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;z-index: 8;}
    
@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 10s linear infinite;
  -moz-animation: rotating 10s linear infinite;
  -ms-animation: rotating 10s linear infinite;
  -o-animation: rotating 10s linear infinite;
  animation: rotating 10s linear infinite;
}

@-webkit-keyframes hero {
from {
background-position: 0 50%, 50% 50%;
}
to {
background-position: -9999em 50%, 50% 50%;
}
}
@-moz-keyframes hero {
from {
background-position: 0 50%, 50% 50%;
}
to {
background-position: -9999em 50%, 50% 50%;
}
}
@-o-keyframes hero {
from {
background-position: 0 50%, 50% 50%;
}
to {
background-position: -9999em 50%, 50% 50%;
}
}
@-ms-keyframes hero {
from {
background-position: 0 50%, 50% 50%;
}
to {
background-position: -9999em 50%, 50% 50%;
}
}
@keyframes hero {

from {
background-position: 0 50%, 50% 50%;
}
to {
background-position: -9999em 50%, 50% 50%;
}
}
.errorpage-sec >div:after {
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    /*mix-blend-mode: hard-light;*/
    background-image: url('../404/assets/img/404/bg-404-page.webp');
    background-repeat: repeat-x, no-repeat;
    background-position: 50% 50%, 50% 50%;
    background-size: cover;
    -webkit-animation-name: hero;
    -moz-animation-name: hero;
    -ms-animation-name: hero;
    -o-animation-name: hero;
    animation-name: hero;
    -webkit-animation-duration: 3600s;
    -moz-animation-duration: 3600s;
    -ms-animation-duration: 3600s;
    -o-animation-duration: 3600s;
    animation-duration: 3600s;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: lineal;
    -moz-animation-timing-function: lineal;
    -ms-animation-timing-function: lineal;
    -o-animation-timing-function: lineal;
    animation-timing-function: lineal;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    color: #fff;
    margin-bottom: 0;
    padding-top: 150px;
    padding-bottom:90px;
} 