@charset "utf-8";
/* CSS Document */
@font-face { 
   font-family: newfont2;  
     src: url("LCALLIG.TTF");   url to font file place
   src:local(" real FontName "),url("LCALLIG.TTF") format("opentype");
    
}






html, .body{
	
	background:url("images/bg.jpg");background-repeat:repeat;
	
	 overflow-x: hidden;/* hide the rolerx */
	height:100%;
	width:100%;
	
	}
		
		
		
		.container{
width:960px;
margin:0 auto;
padding-bottom:45px;
		}
.banner{
margin-top:20px;	
	
	
	}
	
.menu{
	margin-top:40px;
	
	
	}


.menu li{
	
	list-style:none;
	float:left;
background:url("images/m-b.png");
	width:120px;
	height:56px;	
	margin-right:10px;
	
	}
	
	.menu li:hover{
	
	
	color:#3CF;
	

-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
	
	
		
	.menu li a{
		
		text-decoration:none;
		font-size:22px;
		color:#FFF;
		position:relative;
		top:10px;
		left:18px;
		}
	
		.menu a:hover{
		color:#3CF;
		
		}
		
		
		.clear{clear:both;}
		
		
	
		.menu-2{
	top: -17px;
left: 1205px;
position: fixed;
	
	
	}


.menu-2 li{
	
	list-style:none;
	float:left;
background:url("images/lan.png");
	width:43px;
	height:43px;	
	margin-right:10px;
	border-radius: 11px;
-moz-box-shadow: inset 0 0 10px #000000;
/* -webkit-box-shadow: inset 0 0 10px #000000; */
box-shadow: inset 0 0 3px #14EAF3;
	}
	.menu-2 li:hover{
	-webkit-box-shadow: 4px 2px 6px 0px rgba(78, 165, 198, 0.68);
-moz-box-shadow:    4px 2px 6px 0px rgba(78, 165, 198, 0.68);
box-shadow:         4px 2px 6px 0px rgba(78, 165, 198, 0.68);
cursor: pointer;
		}
	.menu-2 li a{
		
		text-decoration:none;
		font-size:22px;
		color:#FFF;
		position:relative;
		top:10px;
		left:5px;
		}
	
		.menu-2 a:hover{
		color:#000;
		cursor: pointer;
		}
			
			
	.photo{
		
	
		background: url("images/bg-ph.png")no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width: 2000px;
height: auto;
/*position: relative;   3lashan el shashah 3malah t7`tfe we dege*/
margin-left: -482px;
/*left: -497px;*/
overflow: hidden;
		
		
		text-align: center;
		
		
		}
		.photo:before {
  right: 100%; 
}
.photo:after {
  left: 100%;
}
		
		
		.phot{
		position:relative;
		top:10px;
		left: -35px;	
			
			
			}
			
			
			.photo-1{
		position:relative;
		top:10px;
		left: -35px;	
			
			
			}
			
			
			.contant{
				
				background-color:#FFF;
				padding-left:20px;
				padding-right:20px;
				margin-top:-18px;
				
				}
				
				
				
				
				h2{
				color:#0CF;	
				 font-family: newfont2; 	
					font-size:22px;
					padding-top:30px;
				}
				
		.two{
		float:left;	
			border:3px solid #0CF;
			
			}
			
			
			
			
			.tex{
				margin-top: 0px;
				float:left;
				width:600px;
				margin-left:20px;
				}
				
				
		.footer{
			
			
	background:url("images/foo.jpg");
	width:960px;
	height:139px;		
			
			
			
			
			}
			
			
			.footer2{
			
			
	background:url("ar/images/foo2.jpg");
	width:960px;
	height:139px;		
			
			
			
			
			}
			
			
			
			.four{
				
			color:#000;	
				 font-family: newfont2; 	
					font-size:22px;
					position:relative;
					top:30px;
					left:150px;
				
				
				}
				
				
				
				.cccc{
				margin-left:40px;
				color:#FFF;	
				font-size:20px;
				font-family:Tahoma, Geneva, sans-serif;	
					
					}
					
					
			.in{
				
				
				margin-left:450PX;
				
				}
				
				
				
				
				.f-one{
				background-color:#EFEFED;	
					
				border:2px solid #0CF;	
				width:200px;
				height:250px;	
				margin-left: 20px;
				margin-right: 25px;
				float:left;	
					}
					
					
					
					
			.popo{
				
				font-family:Tahoma, Geneva, sans-serif;
				color:#039;
				margin-left:40px;
				
				}
				
				
				
				
				
						.menu-3{
	position:relative;
	top:30px;
	left:10px;
	
	
	}


.menu-3 li{
	
	list-style:none;
	float:left;

	margin-right:25px;
	
	}
	
		
	.menu-3 li a{
		
		text-decoration:none;
		font-size:20px;
		color:#FFF;
		
		}
	
		.menu-3 a:hover{
		color:#000;
	-webkit-filter: grayscale(100%);  
		
		}
		
		
		
		
		
		
		.menu-22 {
position: relative;
top: 30px;
left: -10px;

}

.menu-22 li{
	
	list-style:none;
	float:left;
background:url("images/lan.png");
	width:43px;
	height:43px;	
	margin-right:10px;
	border-radius: 11px;
-moz-box-shadow: inset 0 0 10px #000000;
/* -webkit-box-shadow: inset 0 0 10px #000000; */
box-shadow: inset 0 0 3px #14EAF3;
	}
	
	

	.menu-22 li:hover{
	-webkit-box-shadow: 4px 2px 6px 0px rgba(78, 165, 198, 0.68);
-moz-box-shadow:    4px 2px 6px 0px rgba(78, 165, 198, 0.68);
box-shadow:         4px 2px 6px 0px rgba(78, 165, 198, 0.68);
cursor: pointer;
		}
	
	
	
		
	.menu-22 li a{
		
		text-decoration:none;
		font-size:22px;
		color:#FFF;
		position:relative;
		top:10px;
		left:5px;
		}
	
		.menu-22 a:hover{
		color:#000;
		cursor: pointer;
		}
			





.menu-11 {
margin-top: 40px;
margin-left: 350px;

}

.menu-11 li{
	
	list-style:none;
	float:left;
background:url("images/m-b.png");
	width:120px;
	height:56px;	
	margin-right:10px;
	
	}
	
		
	.menu-11 li a{
		
		text-decoration:none;
		font-size:22px;
		color:#FFF;
		position:relative;
		top:10px;
		left:18px;
		}
	
		.menu-11 a:hover{
		color:#3CF;
		
		}
		
		.ar {
		color: #0CF;
font-family: newfont2;
font-size: 22px;
padding-top: 30px;
position: relative;
right: 7px;		
		}

.textt {
margin-top: 80px;
float: left;
width: 600px;
margin-left: 18px;
right: 10px;
position: relative;
}




/*messssage*/ 


	input[type=text] {padding:5px; border:2px solid #ccc; 
-webkit-border-radius: 5px;
    border-radius: 5px;
}
input[type=text]:focus {border-color:#333; }

input[type=submit] {padding:5px 15px; background:#ccc; border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	border:2px solid blue;
	}
input[type=submit]:hover {
border: 2px solid rgb(49, 185, 211);
background: rgb(186, 219, 230);
}	





/*  cooooooooooooool foooooooooooooooooter  */

.coolfoo{
z-index:100;
	height:40px;
	
	text-align:center;
	margin:0 0 0 0;
	background:#010101;
	border-top:1px solid #000;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);

}


.coolfoo a{
color: rgb(124, 114, 231);
	text-decoration:none;
	margin:5px;
	position: relative;


}

.texttt{
				
				float:left;
				width:580px;
				margin-left:10px;
				margin-top: 86px;
		
				}
		
.resp-tabs-list {
		
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		}
		
		
		
		.resp-tabs-list li{
		
		-moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
		}
.coolfoo a:HOVER {

color:red;
}
/*image hoverrrrrrrrrrrrr */

ul.enlarge{
list-style-type:none; /*remove the bullet point*/
margin-left:0;
float: right;
margin-top: -8px;
margin-right: -36px;
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative;
z-index: 0; /*resets the stack order of the list items - later we'll increase this*/
margin:10px 40px 0 20px;
}
ul.enlarge img{
z-index: 50;



}
ul.enlarge span{
position:absolute;
left: -9999px;
background-color: #ABC3FF;
padding: 4px;
font-family: 'Droid Sans', sans-serif;
font-size: 9px;
font-weight: 700;
text-align: center; 
color: #000; 
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius:8px;
}
ul.enlarge li:hover{
z-index: 50;
cursor:pointer;
opacity:0.7;
}
ul.enlarge span img{


}
ul.enlarge li:hover span{ 
top: -122px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: -98px; /*distance from the left of the thumbnail to the left of the popup image*/
}
ul.enlarge li:hover:nth-child(2) span{
left: -100px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: -200px; 
}
.uss{				color:#0CF !important;							}	


@font-face {
	font-family: 'footerfont';
	src: url('fonts/COPRGTB.svg#footerfont');
	src: local("☺"), 
	 
    url('fonts/COPRGTB.eot?#iefix') format('embedded-opentype'),
	url('fonts/COPRGTB.woff') format('woff'),  
    url('fonts/COPRGTB.ttf') format('truetype'),
   	url('fonts/COPRGTB.svg#footerfont') format('svg');
	font-weight: normal;
    font-style:normal;
    -webkit-text-stroke: 1px transparent;
text-rendering:optimizeLegibility;
   -webkit-font-smoothing: antialiased;
	  
	   text-shadow: 0 1px 0 rgba(0,0,0,0.01);
	   -webkit-transform: rotate(-0.0000000001deg);
	   
}