.page404 .image-404 {
  width: 318px;
  margin-left: -20px;
}
@media (max-width: 320px) {
  .page404 .image-404 {
    width: 216px;
  }
}
.page404 .image-404 .cls-1 {
  fill: #284695;
}
.page404 .image-404 .cls-2 {
  fill: #284695;
}
.page404 .image-404 .cls-3 {
  fill: #c3d4d8;
}
.page404 .image-404 .cls-4 {
  fill: #e1ebef;
}
.page404 .image-404 .cls-5 {
  fill: #284695;
}
.page404 .image-404 .cls-6 {
  fill: #a2b7bc;
}
.page404 .image-404 .cls-7 {
  fill: #a9a9a9;
}
.page404 .image-404 .cls-8 {
  fill: #9c9b9b;
}
.page404 .image-404 .cls-9 {
  fill: #f197be;
}
.page404 .image-404 .cls-10 {
  fill: #565656;
}
.page404 .image-404 .cls-11 {
  fill: #fff;
}
.page404 .image-404 .cls-12 {
  fill: #e9eff2;
}
.page404 .not-found {
  color: #284695;
  font-size: 56px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: 13px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media (max-width: 320px) {
  .page404 .not-found {
    font-size: 31px;
  }
}
.page404 .description {
  margin-top: 19px;
  letter-spacing: 1px;
  font-size: 20px;
  line-height: 39px;
  color: #184a56;
}
@media (max-width: 320px) {
  .page404 .description {
    text-align: left;
    font-size: 14px;
    line-height: 24px;
  }
}
.page404 .button {
  background-color: transparent;
  border: 2px solid #284695;
  border-radius: 28px;
  box-sizing: border-box;
  color: #284695;
  cursor: pointer;
  font-size: 22px;
  height: 50px;
  letter-spacing: 0.8px;
  line-height: 49px;
  margin-top: 37px;
  outline: medium none;
  text-align: center;
  transition-duration: 0.2s;
  transition-property: color, background-color;
  width: 175px;
}
@media (max-width: 320px) {
  .page404 .button {
    width: 167px;
    height: 44px;
    border-radius: 22px;
    line-height: 40px;
    font-size: 16px;
  }
}
.page404 .button:hover {
  background-color: #284695;
  color: #fff;
}



/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hvr-bob, .hvr-bob, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}