.page_404{
	direction:rtl;
	background:#ffffff;
	padding-top:30px;
	margin-bottom:-80px;
}
.bg404{
	height:250px;
	background: url('../images/gif/404page.gif');
	background-repeat: no-repeat;
	background-size:100% 100%;
}
.bg404 p{
	text-align:center;
	font-size:40px;
	font-weight:bold;
}
.page404content{
	text-align:center;
}
.page404content p{
	font-size:14px;
	font-weight:bold;
	margin-top:-15px;
	padding:20px;
}
.page404content .link_404{
	color: #fff!important;
	padding: 10px 20px;
	background: #39ac31;
	margin-bottom:40px;
	display: inline-block;
}
.error {
  text-align: center;
  font-size: 30px;
  text-align: center;
  position: absolute;
  width:98%;
  left: -60px;
  right: 0;
  -webkit-animation: noise 0.1s linear infinite;
          animation: noise 0.1s linear infinite;
  overflow: default;
}

.error:after {
  content: 'صفحه پیدا نشد';
  font-size: 30px;
  text-align: center;
  position: absolute;
  width:99%;
  left: 0;
  right: 0;
  opacity: 0;
  color: blue;
  -webkit-animation: noise-1 .5s linear infinite;
          animation: noise-1 .5s linear infinite;
}

.error:before {
  content: 'صفحه پیدا نشد';
  font-size: 30px;
  text-align: center;
  position: absolute;
  width:98%;
  left: 0;
  right: 0;
  opacity: 0;
  color: red;
  -webkit-animation: noise-2 .8s linear infinite;
          animation: noise-2 .8s linear infinite;
}

@-webkit-keyframes noise-1 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: -6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: 2px;}
}

@keyframes noise-1 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: -6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: 2px;}
}

@-webkit-keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: 6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: -2px;}
}

@keyframes noise-2 {
  0%, 20%, 40%, 60%, 70%, 90% {opacity: 0;}
  10% {opacity: .1;}
  50% {opacity: .5; left: 6px;}
  80% {opacity: .3;}
  100% {opacity: .6; left: -2px;}
}

@-webkit-keyframes noise {
  0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; transform: scaleY(1);}  
  4.3% {opacity: 1; transform: scaleY(1.7);}
  43% {opacity: 1; transform: scaleX(1.5);}
}

@keyframes noise {
  0%, 3%, 5%, 42%, 44%, 100% {opacity: 1; transform: scaleY(1);}  
  4.3% {opacity: 1; transform: scaleY(1.7);}
  43% {opacity: 1; transform: scaleX(1.5);}
}

@media screen and (min-width : 650px){
	.page_404{
		padding:20px 400px 0 400px;
		padding-top:50px;
	}
	.bg404{
		height:400px;
	}
	.error {
		font-size: 40px;
	}

	.error:after {
		font-size: 40px;
	}

	.error:before {
		font-size: 40px;
		right:4px;
	}
}