@import url(../fontiran.css);
.rtl { direction:rtl; }
.ltr { direction: ltr; }
@keyframes move{from{left:-600px;}
to{left:100%;}
}
@-webkit-keyframes move{from{left:-600px;}
to{left:100%;}
}
@-moz-keyframes move{from{left:-600px;}
to{left:100%;}
}
@keyframes water-move-top{0%{right:0px;bottom:100px;}
25%{right:-51px;bottom:90px;}
50%{right:-102px;bottom:100px;}
75%{right:-51px;bottom:120px;}
100%{right:0px;bottom:100px;}
}
@-webkit-keyframes water-move-top{0%{right:0px;bottom:100px;}
25%{right:-51px;bottom:90px;}
50%{right:-102px;bottom:100px;}
75%{right:-51px;bottom:120px;}
100%{right:0px;bottom:100px;}
}
@-moz-keyframes water-move-top{0%{right:0px;bottom:100px;}
25%{right:-51px;bottom:90px;}
50%{right:-102px;bottom:100px;}
75%{right:-51px;bottom:120px;}
100%{right:0px;bottom:100px;}
}
@keyframes water-move-bottom{0%{right:-102px;bottom:100px;}
25%{right:-51px;bottom:110px;}
50%{right:0px;bottom:100px;}
75%{right:-51px;bottom:110px;}
100%{right:-102px;bottom:100px;}
}
@-webkit-keyframes water-move-bottom{0%{right:-102px;bottom:100px;}
25%{right:-51px;bottom:110px;}
50%{right:0px;bottom:100px;}
75%{right:-51px;bottom:110px;}
100%{right:-102px;bottom:100px;}
}
@-moz-keyframes water-move-bottom{0%{right:-102px;bottom:100px;}
25%{right:-51px;bottom:110px;}
50%{right:0px;bottom:100px;}
75%{right:-51px;bottom:110px;}
100%{right:-102px;bottom:100px;}
}
body{position:absolute;width:100%;height:100%;overflow:hidden;margin:0;background-color:#eaebeb;z-index:0;font-family:"Segoe UI", "Microsoft Yahei", Arial;}
.clouds,
.monster{background-size:100%;background-repeat:no-repeat;}
.water,
.water-bottom{height:120px;position:absolute;}
.water{bottom:100px;width:200%;}
.water.top{background-image:url('../../WebImages/404page/water-top.png');z-index:10;right:0px;animation:water-move-top 6s infinite linear;-webkit-animation:water-move-top 6s infinite linear;-moz-animation:water-move-top 6s infinite linear;}
.water.bottom{background-image:url('../../WebImages/404page/water-bottom.png');z-index:8;right:-102px;animation:water-move-bottom 6s infinite linear;-webkit-animation:water-move-bottom 6s infinite linear;-moz-animation:water-move-bottom 6s infinite linear;}
.water-bottom{bottom:0;background-color:#42ABC0;z-index:11;width:100%}
.infinity{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:30;}
.infinity .content{position:relative;width:auto;height:auto;margin-top:-200px;color:#666;}
.cloud,
.clouds,
.infinity .oldman,
.monster{position:absolute}
.infinity .text-404{font-size:40px;text-align:center;}
.infinity .for{font-size:30px;text-align:center;margin-bottom:10px;font-style:italic;}
.infinity img{ max-width:500px; width:100%; }
.infinity .oldman{width:80px;top:72px;}
.cloud{width:100%;height:100%}
.clouds{background-position:center;background-image:url('../../WebImages/404page/cloud.png');}
.clouds1{width:200px;height:150px;left:-50px;z-index:15;}
.clouds2{width:160px;height:100px;left:50%;top:-30px;z-index:14;}
.clouds3{width:150px;height:100px;left:20%;top:15%;-webkit-filter:invert(.01);z-index:3}
.clouds4,
.clouds5{-webkit-filter:invert(.02)}
.clouds4{width:120px;height:80px;right:10%;top:25%;z-index:4}
.clouds5{width:100px;height:70px;right:50px;top:10px;z-index:11}
.monster{width:459.9px;height:621.6px;background-image:url('../../WebImages/404page/monster.png');z-index:9;bottom:60px;animation:move 45s infinite linear;-webkit-animation:move 45s infinite linear;-moz-animation:move 45s infinite linear;}
.not-found{position:relative;}
.text-not-found{font-family:IRANSans;position:absolute;top:30px;font-size:20px;color:#ffffff;right:0;left:0;text-align:center;direction: ltr;}
.control{z-index:100;position:absolute;bottom:10px;text-align:center;left:0;right:0;}
.home,
.back-history{font-family:IRANSans;background:#dc493c;padding:6px 10px 5px 10px;display:inline-block;border-radius:3px;}
.home:hover,
.back-history:hover{background:#c63c37;}
.home a,
.back-history a{text-decoration:none;color:#ffffff;font-size:14px;}
.home{margin-left:3px}