@charset "utf-8";
@font-face{font-family:"yekan";font-style:normal;font-weight:normal;src:url("app_themes\fonts\BYekan.eot?#iefix") format("embedded-opentype"), url("app_themes\fonts\BYekan.woff") format("woff"), url("app_themes\fonts\BYekan.ttf") format("truetype")}
 body{background:url(../images/bg.png);direction:rtl;padding:0;margin:0}
.relative{position:relative}
.absolute{position:absolute}
.inline-block{display:inline-block}
.w100p{width:100%}
.h100p{height:100%}
.w50p{width:50%}
.box-sizing{box-sizing:border-box}
 .MainBox{right:0;bottom:0;top:0;left:0}
.GearsBox{height:450px;left:0;top:50%;margin:-225px 0 0 0}
.one{position:absolute;left:80px;top:10px;animation:animated_div 7s infinite linear;-moz-animation:animated_div 7s infinite linear;-webkit-animation:animated_div 7s infinite linear;-o-animation:animated_div 7s infinite linear}
.two{position:absolute;left:168px;top:220px;animation:two 5s infinite linear;-moz-animation:two 5s infinite linear;-webkit-animation:two 5s infinite linear;-o-animation:two 5s infinite linear;width:204px;height:202px}
.tree{position:absolute;left:73px;top:231px;animation:tree 2s infinite linear;-moz-animation:tree 2s infinite linear;-webkit-animation:tree 2s infinite linear;-o-animation:tree 2s infinite linear;width:118px;height:117px}
.TextBox{height:100%;right:0;top:0}
.Error{position:absolute;right:30px;top:90px;color:#5b5b5b;font-family:tahoma;font-size:60pt;text-align:center}
.txt{font:24pt 'B Yekan';color:#FFF;position:absolute;right:30px;top:120px}
.txt_btn{position:absolute;right:30px;top:220px;font:15pt 'B Yekan';width:180px;height:40px;line-height:2;color:#FFF;background:#02546f;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-decoration:none;text-align:center}
@media screen and (max-width: 980px){
	.Error{font-size:40pt}
	.txt{font-size:20pt}
}
@media screen and (max-width: 840px){
	.Error{top:0;font-size:40pt}
	.txt{top:60px;font-size:16pt}
	.txt_btn{top:160px}
	.TextBox{height:270px;margin-top:-135px;top:50%}
}
@media screen and (max-width: 768px){
	.GearsBox{width:100%;height:270px;margin-top:-135px}
	.one,.two,.tree{margin-left:0}
	.one{width:150px;height:auto;top:0;left:70px}
	.two{width:90px;height:auto;top:125px;left:50px}
	.tree{width:70px;height:auto;top:80px;left:20px}
}
@media screen and (max-width: 450px){
	.InternalGearsBox{display:none}
	.TextBox{width:100%}
	.txt{width:100%;text-align:center;right:0;padding:0 10px}
	.txt_btn{right:50%;margin-right:-90px}
	.Error{width:100%;text-align:center;right:0}
}
@keyframes animated_div
{
0%		{transform:rotate(0deg);}
100%	{transform:rotate(360deg);}
}
@-webkit-keyframes animated_div
{
0%		{transform:rotate(0deg);}
100%	{transform:rotate(360deg);}
}
@-moz-keyframes animated_div
{
0%		{transform:rotate(0deg);}
100%	{transform:rotate(360deg);}
}
@-o-keyframes animated_div
{
0%		{transform:rotate(0deg);}
100%	{transform:rotate(360deg);}
}
@keyframes two
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}
@-webkit-keyframes two
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}
@-moz-keyframes two
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}

@-o-keyframes two
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}
@keyframes tree
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}

@-webkit-keyframes tree
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}

@-moz-keyframes tree
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}

@-o-keyframes tree
{
0%		{transform:rotate(360deg);}
100%	{transform:rotate(0deg);}
}