@charset "utf-8";
/* CSS Document */
@-webkit-keyframes wobble { 
  0% { -webkit-transform: translateX(0%); } 
  15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 
  30% { -webkit-transform: translateX(20%) rotate(3deg); } 
  45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 
  60% { -webkit-transform: translateX(10%) rotate(2deg); } 
  75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 
  100% { -webkit-transform: translateX(0%); } 
} 
@keyframes wobble { 
  0% { transform: translateX(0%); } 
  15% { transform: translateX(-25%) rotate(-5deg); } 
  30% { transform: translateX(20%) rotate(3deg); } 
  45% { transform: translateX(-15%) rotate(-3deg); } 
  60% { transform: translateX(10%) rotate(2deg); } 
  75% { transform: translateX(-5%) rotate(-1deg); } 
  100% { transform: translateX(0%); } 
} 
@font-face {
  font-family: "ww";
  src: url("font/12.eot?") format("eot"),
url("font/12.woff") format("woff"),
url("font/12.ttf") format("truetype");
}
.body{
	margin:0px;
	direction:rtl;
	overflow:hidden;
	background:#1c1b20;
	

	}
.divcon1s1{ position:absolute;
z-index:-2;
padding:1%;
margin:0.5%;
border-radius:5px;
width:99%; height:95%;
background:url(1s1.png) repeat-y right #07438b;
}
.divcon1{ position:absolute;
z-index:-6;
margin:0.5%;
border-radius:5px;
width:99%; height:100%;

background: #31749b; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #31749b 0%, #aad2ea 50%, #31749b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#31749b), color-stop(50%,#aad2ea), color-stop(100%,#31749b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #31749b 0%,#aad2ea 50%,#31749b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #31749b 0%,#aad2ea 50%,#31749b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #31749b 0%,#aad2ea 50%,#31749b 100%); /* IE10+ */
background: linear-gradient(135deg,  #31749b 0%,#aad2ea 50%,#31749b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#31749b', endColorstr='#31749b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */


}
.divcon2{ position:fixed;
z-index:-1;
margin:0.5%;
border-radius:5px;
width:99%; height:95%;

}
.divcon{ position:fixed;
z-index:10;
float:right;
right:0px;
border-radius:5px;
width:60%; height:95%;
display:inline-block


}
.di{ position:relative;
z-index:100;
 
border-radius:5px;
width:100%; height:103%;
overflow:auto ;
 


}


.add{ 

}


.min{
	position:fixed;padding:3px;
	z-index:10000;
color:#FFF;
 font-family: "ww";
 font-size:125%;
 margin-right:30px;
 margin-top:40px;
	-moz-transform: scale(1) rotate(-8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-8deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	}
.a{ color:#FFF;
 font-family: "ww";
 text-decoration:none;
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
	
	}
.a:hover{
	color:#F00;
	text-decoration:none;
	-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
 
    -webkit-transform: translate(1em,0);
    -moz-transform: translate(1em,0);
    -o-transform: translate(1em,0);
    -ms-transform: translate(1em,0);
    transform: translate(1em,0);*/



  }


 .animated{ 
  padding:3px;
border-radius:2px;
width:80px; 
background:#1f1f1f;
color:#FFF;
border-right:3px solid #fff;
 font-family: "ww";


} 


 .animated:hover{ 
  padding:3px;
border-radius:2px;
width:80px; 
background:#1f1f1f;
color:#FFF;
border-right:3px solid #fff;
 font-family: "ww";
 

    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
	    -webkit-animation-name: wobble; 
    animation-name: wobble; 
	 -moz-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
} 




 .animatex{ 
  padding:3px;
border-radius:2px;
width:150px; 
 


} 


 .animatex:hover{ 
  padding:3px;
border-radius:2px;
width:150px; 
 
 

    -webkit-animation-duration: 1s; 
    animation-duration: 1s; 
    -webkit-animation-fill-mode: both; 
    animation-fill-mode: both; 
    -webkit-animation-timing-function: linear; 
    animation-timing-function: linear; 
	    -webkit-animation-name: wobble; 
    animation-name: wobble; 
	 -moz-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-webkit-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-o-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
-ms-transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
transform: scale(1) rotate(-4deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
} 

.foter{
	font-family: "ww";
 
	  background:#fff; color:#000; font-size:16px; width:95%; height:30px ; bottom:0px;
	}





.amt{ color:#FFF;
 font-family: "ww";
 text-decoration:none;
 font-size:18px; 
 margin-right:5%;
 }
 
 
 .am{ color:#FFF;
 font-family: "ww";
 text-decoration:none;
 font-size:5vw; 
 margin-right:5%;
 }
 
 
  .amt{ color:#FFF;
 font-family: "ww";
 text-decoration:none;
 font-size:3vw; 
 margin-right:5%;
 }