.not-found-wrapper {
	min-height: 100vh;
	display: flex;
	background: #fff;
	flex-wrap: wrap;
	font-family: 'Poppins', sans-serif;
}
.nf-left, .nf-right{
	padding: 30px 45px;
}
.nf-left{
	flex: 60%;
}
.nf-right{
	flex: 40%;
	display: flex;
    align-items: center;
}
.nf-content {
	padding: 0 5px;
    z-index: 2;
    display: flex;
	height: 100%;
    flex-direction: column;
    justify-content: center;
}
.nf-content .nf-text h1 {
	color: #7e8a84;
	font: 500 32px 'Poppins', sans-serif;
	margin: 0;
}
.nf-content .nf-text h1 a{
	color: #697971;
	text-decoration: none;
	transition: color 0.3s linear;
}
.nf-content .nf-text h1 a:hover{
	color: #54615a;
	transition: color 0.3s linear;
}
.nf-btn-group{
	margin: 30px 0 0 0;
}
.nf-btn-group .nf-btn{
	margin-right: 15px;
}
.nf-btn-group .nf-btn:last-child{
	margin-right: 0;
}
.nf-content .nf-text .nf-btn {
	border: 2px solid  #3b4862;
    background-color: #3b4862;
	border-radius: 100px;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	font: 500 14px 'Poppins', sans-serif;
	padding: 12px 30px 9px 30px;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.nf-content .nf-text .nf-btn:hover, .nf-content .nf-text .nf-btn:active, .nf-content .nf-text .nf-btn:focus {
	background: transparent;
    color: #3b4862;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}
.nf-content .nf-text .nf-btn.nf-outline{
	background: transparent;
	color: #3b4862;
}
.nf-content .nf-text .nf-btn.nf-outline:hover, .nf-content .nf-text .nf-btn.nf-outline:active, .nf-content .nf-text .nf-btn.nf-outline:focus {
	background: #3b4862;
    color: #fff;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .1);
}
.nf-main{
    padding: 45px;
	width: 100%;
    background: #3b4862;
	margin-top: 45px;
}
.nfm-head{
	font-weight: 600;
	font-size: 32px;
	color: #dddfea;
	margin-bottom: 25px;
}
.nfm-name{
	font-weight: 500;
	font-size: 16px;
}
.nfm-cont-detail{
	list-style: none;
	margin: 0;
	padding: 0;
}
.nfm-cont-detail li{
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.nfm-cont-detail li:last-child{
	margin-bottom: 0;
}
.nfm-cont-detail li p i{
	font-size: 16px;
	color: rgba(255,255,255,.5);
}
.nfm-cont-detail li p{
    margin: 0;
}
.nfd-head{
	font-weight: normal;
	color: rgba(255,255,255,.5);
}
.nfd-desc{
	font-weight: 500;
	color: #d4d6e4;
}
.glitch {
	color: #52535d;
	font-family: Poppins, sans-serif;
	font-size: 120px;
	font-weight: 600;
	position: relative;
	z-index: 3;
}
.glitch-wrap{
	position: relative;
    display: inline-block;
    max-width: 380px;
}
.glitch-emoji{
    width: 120px;
    opacity: 0.32;
    position: absolute;
    top: 50%;
	right: 0;
    transform: translateY(-50%);
    margin-left: 15px;
}
 @keyframes noise-anim {
 0% {
clip: rect(53px, 999px, 113px, 0);
}
 5% {
clip: rect(28px, 999px, 114px, 0);
}
 10% {
clip: rect(55px, 999px, 37px, 0);
}
 15% {
clip: rect(77px, 999px, 80px, 0);
}
 20% {
clip: rect(79px, 999px, 120px, 0);
}
 25% {
clip: rect(44px, 999px, 24px, 0);
}
 30% {
clip: rect(43px, 999px, 18px, 0);
}
 35% {
clip: rect(48px, 999px, 32px, 0);
}
 40% {
clip: rect(22px, 999px, 82px, 0);
}
 45% {
clip: rect(100px, 999px, 120px, 0);
}
 50% {
clip: rect(75px, 999px, 115px, 0);
}
 55% {
clip: rect(24px, 999px, 50px, 0);
}
 60% {
clip: rect(75px, 999px, 55px, 0);
}
 65% {
clip: rect(50px, 999px, 105px, 0);
}
 70% {
clip: rect(7px, 999px, 9px, 0);
}
 75% {
clip: rect(63px, 999px, 64px, 0);
}
 80% {
clip: rect(50px, 999px, 106px, 0);
}
 85% {
clip: rect(60px, 999px, 60px, 0);
}
 90% {
clip: rect(94px, 999px, 40px, 0);
}
 95% {
clip: rect(82px, 999px, 120px, 0);
}
 100% {
clip: rect(30px, 999px, 119px, 0);
}
}
.glitch:after {
	animation: noise-anim 2s infinite linear alternate-reverse;
	content: '404';
	left: 2px;
	overflow: hidden;
	position: absolute;
	text-shadow: -2px 0 #474747;
}
 @keyframes noise-anim-2 {
 0% {
clip: rect(24px, 0, 107px, 999px);
}
 5% {
clip: rect(39px, 0, 120px, 999px);
}
 10% {
clip: rect(19px, 0, 43px, 999px);
}
 15% {
clip: rect(43px, 0, 100px, 999px);
}
 20% {
clip: rect(75px, 0, 61px, 999px);
}
 25% {
clip: rect(86px, 0, 56px, 999px);
}
 30% {
clip: rect(80px, 0, 108px, 999px);
}
 35% {
clip: rect(5px, 0, 80px, 999px);
}
 40% {
clip: rect(31px, 0, 43px, 999px);
}
 45% {
clip: rect(23px, 0, 54px, 999px);
}
 50% {
clip: rect(89px, 0, 113px, 999px);
}
 55% {
clip: rect(48px, 0, 63px, 999px);
}
 60% {
clip: rect(89px, 0, 120px, 999px);
}
 65% {
clip: rect(51px, 0, 62px, 999px);
}
 70% {
clip: rect(73px, 0, 120px, 999px);
}
 75% {
clip: rect(37px, 0, 100px, 999px);
}
 80% {
clip: rect(34px, 0, 110px, 999px);
}
 85% {
clip: rect(41px, 0, 102px, 999px);
}
 90% {
clip: rect(68px, 0, 115px, 999px);
}
 95% {
clip: rect(41px, 0, 41px, 999px);
}
 100% {
clip: rect(37px, 0, 101px, 999px);
}
}
.glitch:before {
	animation: noise-anim-2 3s infinite linear alternate-reverse;
	content: '404';
	left: -1px;
	overflow: hidden;
	position: absolute;
	text-shadow: 2px 0 #636363;
}
@media(max-width:1100px){
	.nf-main {
      padding: 35px;
	}
    .nfm-head {
	  font-size: 28px;
   }
}
@media(max-width:991px){
	.nf-left, .nf-right{
		flex: 100%;
	}
	.nf-main {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
	.nf-content{
		height: auto;
		display: inline-block;
	}
	.nf-text{
		text-align: center;
	}
	.nfm-cont-detail {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
	margin: 0 -15px;
}
	.nfm-cont-detail li{
	padding: 0 15px;
	}
	.nfm-cont-detail li:last-child {
    margin-bottom: 20px;	
  }
	.glitch-wrap {
		position: relative;
		display: flex;
		flex-direction: column;
		max-width: none;
		align-items: center;
  }
	.glitch-emoji {
    width: 120px;
    opacity: 0.32;
    position: relative;
    top: auto;
	right: auto;
    transform: none;
    margin: 0;
	}
}
@media(max-width:767px){
	.nfm-cont-detail {
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		margin: 0;
		width: auto;
	}
	.nfm-cont-detail li{
	padding: 0;
	}
	.nfm-cont-detail li:last-child {
    margin-bottom: 0;
  }
}
@media(max-width:480px){
   .nf-left, .nf-right {
      padding: 20px 15px;
   }
	.nf-content .nf-text h1 {
		font-size: 28px;
	}
	.glitch {
        font-size: 100px;
    }
}
@media(max-width:360px){
	.nf-content .nf-text h1 {
		font-size: 22px;
	}
	.nfm-head {
		font-size: 24px;
	}
	.nf-main {
		padding: 15px;
	}
	.glitch {
        font-size: 90px;
    }
.nf-content .nf-text .nf-btn {
    padding: 10px 20px 7px 20px;
  }
}