/* breakpoint mixins */
/* layout mixins */
/* line 3, ../../scss/template/404.scss */
.error404 {
  background: transparent url(../../images/bg-404.jpg) no-repeat 50% 0 fixed;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  margin-bottom: 150px;
}
/* line 8, ../../scss/template/404.scss */
.error404 .page-404 {
  color: #ffffff;
  text-align: center;
}
/* line 12, ../../scss/template/404.scss */
.error404 .page-404 header {
  margin: auto;
  margin-bottom: -190px;
  min-height: 626px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
/* line 20, ../../scss/template/404.scss */
.error404 .page-404 header::after {
  -moz-transform: translateX(calc(-50% + 34px));
  -ms-transform: translateX(calc(-50% + 34px));
  -webkit-transform: translateX(calc(-50% + 34px));
  transform: translateX(calc(-50% + 34px));
  background: transparent url(../../images/fg-404.png) no-repeat 0 0 fixed;
  content: '';
  height: 626px;
  left: 50%;
  position: fixed;
  top: -80px;
  width: 879px;
}
/* line 31, ../../scss/template/404.scss */
.error404 .page-404 header h1 {
  font-size: 28rem;
  line-height: .58;
  margin-top: 210px;
}
/* line 38, ../../scss/template/404.scss */
.error404 .page-404 .content {
  position: relative;
  z-index: 3;
}
/* line 42, ../../scss/template/404.scss */
.error404 .page-404 .content h3.decor {
  text-shadow: 0 0 5px #5c7c33;
  color: #ffffff;
}
/* line 46, ../../scss/template/404.scss */
.error404 .page-404 .content h3.decor::before {
  color: #ffffff;
}
/* line 52, ../../scss/template/404.scss */
.error404 .page-404 .content .btn.btn-secondary:hover, .error404 .page-404 .content .btn.btn-secondary:active, .error404 .page-404 .content .btn.btn-secondary:focus {
  background-color: #bf0d3e;
  border-color: #bf0d3e;
  color: #ffffff;
}
/* line 63, ../../scss/template/404.scss */
.error404 .page-footer {
  background-image: none;
  z-index: 2;
}

@media (max-width: 568px) {
  /* line 73, ../../scss/template/404.scss */
  .error404 .page-404 header {
    height: 445px;
    min-height: 0;
  }
  /* line 77, ../../scss/template/404.scss */
  .error404 .page-404 header h1 {
    font-size: 140px;
    margin-top: 120px;
  }
  /* line 82, ../../scss/template/404.scss */
  .error404 .page-404 header::after {
    top: -160px;
  }
}

/*# sourceMappingURL=404.css.map */