/* 404 */
#notfound { height: 100vh;}
#notfound .notfound {  position: absolute;  left: 50%;  top: 30%;  -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}
.notfound {  max-width: 520px;  width: 100%;  line-height: 1.4;  text-align: center;}
.notfound .notfound-404 {  position: relative;  height: 200px;  margin: 0px auto 20px;  z-index: -1;}
.notfound .notfound-404 h1 {  font-family: 'Montserrat', sans-serif;  font-size: 236px;  font-weight: 200;  margin: 0px;  color: #f1f1f1;  text-transform: uppercase;  position: absolute;
  left: 50%;  top: 50%;  -webkit-transform: translate(-50%, -50%);      -ms-transform: translate(-50%, -50%);          transform: translate(-50%, -50%);}
.notfound .notfound-404 h2 {  font-family: 'Montserrat', sans-serif;  font-size: 28px;  font-weight: 400;  text-transform: uppercase;  color: #f1f1f1;  background: #000;  padding: 10px 5px;
  margin: auto;  display: inline-block;  position: absolute;  bottom: 0px;  left: 0;  right: 0;}
.notfound a {  font-family: 'Montserrat', sans-serif;  display: inline-block;  font-weight: 700;  text-decoration: none;  color: #fff;  text-transform: uppercase;  padding: 13px 23px;
  background: #90ba37;  font-size: 18px;  -webkit-transition: 0.2s all;  transition: 0.2s all;}
.notfound a:hover {  color: #000;  background: #630c23;}
.social-icons { position: absolute;  left: 9px;  bottom: 1px;}
.social-icons2 { position: absolute;  left: 15px;  bottom: 1px;}
li.social {    position: relative;}

hr.hr-title{
  color: #067ff5;
  height: 5px!important;
  opacity: 1;
  width: 80px;
  margin: 40px 0px;
}