@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body
{
padding:0px;
margin:0px;
font-family: 'Droid Arabic Kufi', serif;
}
image
{
border:none;
}
#contact_ok
{
background-color:#F2F9E5;
border-radius:5px;
padding-top:15px;
padding-bottom:15px;
width:60%;
text-align:center;
float:right;
margin-right:50px;
}
.fa-check
{
color:#7FC400;  
font-size:17px;
} 

#contact_err
{
background-color:#FCADAD;
border-radius:5px;
padding-top:12px;
padding-bottom:12px;
width:60%;
text-align:center;
float:right;
margin-right:50px;
}
.fa-exclamation-triangle
{
color:#FF4D4D;  
font-size:17px;
} 
#social
{
position:fixed;
top:0px;
left:0px;
width:110px;
height:auto;
padding:5px;
z-index:110;
}
i
{
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
}
i:hover
{
opacity:0.5;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
}
.put{
margin-right:50px;
padding:7px;
font-size:12px;
width:70%;
font-family: 'Droid Arabic Kufi', serif;
border:1px solid #B0B1B3 ;
//border-radius:3px;

}
.put:focus 
{
border-color:#69c6f4; 
box-shadow: inset 0 2px 2px rgba(0, 0, 0, .075), 0 0 4px #69c6f4;
outline:none;
-webkit-transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-ms-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
}
#search
{
position:fixed;
top:3px;
left:130px;

width:200px;
height:15px;
z-index:110;

}

.search
{
width:150px;
height:18px;
border:1px solid #0F81BC ;
border-radius:5px;
color:#868384;
font-weight:bold;
padding-left:5px;
}

.imageclass6
{
background:#09ACC9;
width:35px;
height:20px;
border:2px solid #09ACC9;
border-radius:5px;
color:white ;
font-weight:bold;
text-align:center;

}

#env1
{
width:100%;
height:120px;
}
#env
{
width:100%;
height:auto;
position:fixed;
top:0px;
left:0px;
z-index:100;
}
#head
{
float:left;
width:120px;
height:40px;
padding:5px;
}

#head a
{
color:white;
font-weight:bold;
font-size:16px;
text-decoration:none;

}
#head a:hover
{
color:white;
font-weight:bold;
font-size:16px;
text-decoration:none;
color:#B1590A;
}
#subjects
{
width:50%
height:auto ;
direction:rtl;
}
#topcontrol {
  background:rgba(000,000,000,0.6);
  color: #fff;
  text-align: center;
  display: inline-block;
  width: 35px;
  height: 35px;
  border: none;
  -webkit-border-radius: 10%;
  -moz-border-radius: 10%;
  -ms-border-radius: 10%;
  -o-border-radius: 10%;
  border-radius: 10%;
   -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  z-index: 30;
  margin-bottom:35px;
}
#topcontrol:hover {
  background: rgba(000,000,000,1);
}
#topcontrol .fa {
  position: relative;
  top: 3px;
  font-size: 25px;
}

.button {
     border:2px solid #fff;
	-moz-box-shadow: 0 1px 5px black;
	-webkit-box-shadow: 0 1px 5px black;
	box-shadow: 0 1px 5px black;
	font-size: 12px;
	font-weight: bold;
	height: 40px;
	line-height: 30px;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	width: 25%;
	margin-right:20%;
	margin-top:25%;
	opacity:0.9;
	float:right;
}
.button a{color:#ffffff;}

.dividerHeading h4,
.widget_title h4
{
    border-bottom: 1px solid #e2e2e2;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 25px;
    padding: 0 0 10px;
    position: relative;
}

.dividerHeading h4::before,
.widget_title h4::before{
    bottom: -3px;
    content: "";
    display: inline-block;
    height: 5px;
    right: 20px;
    position: absolute;
    width: 35px;
}
.dividerHeading h4::after,
.widget_title h4::after {
    bottom: -1px;
    content: "";
    display: inline-block;
    height: 1px;
    right: 0;
    position: absolute;
    width: 80px;
}
.dividerHeading h4::after,
.widget_title h4::after,
.dividerHeading h4::before,
.widget_title h4::before{
   background: #f80;
}

.dividerHeading.text-center h4:before{
    left: 50%;
}

.dividerHeading.text-center h4:after{
    left: 50%;
    margin-left: -23px;
}

.widget_title h4 {
    font-size: 14px;
    text-transform: uppercase;
}
.footer .widget_title h4{
    border-color: #B5B5B5;
}
.footer .widget_title h4 span{
    color:#fff;
}
.xx
{
background:#E6EBEC;
}
#contentz
{
margin:auto;
padding-top:2px;
width:100%;
height:auto ;
clear:both;
}

#BAR
{
width:100%;
height:30px;
padding:0px;
margin:auto ;
margin-top:0px;

}
#bar
{
padding:0px;
}
#bar td
{
margin:0px;
padding:5px 0px;

}
#bar1
{
display:none;
}
#cont
{
width:100%;
height:auto;
padding:0px;
margin:auto ;

background:white;
margin-bottom:0px;
text-align:right ;
margin-top:0px;
clear:both;

}
#cont p
{
padding-right:10px;
text-align:right ;
width:100%;
font-family: 'Droid Arabic Kufi', serif;
}




table
{
border-collapse:collapse;
}
td 
{
padding:10px;
text-align:right;
}
td p
{
color:#2B568B ;
}
td a
{
color:#0585A5;
text-decoration:none;
}
td a:hover
{
color:#099DDB;
text-decoration:none;
}
a
{
color:#934C0C;
}
#cont ul
{
list-style: none;
}

#mid_mod
{
width:100%;
height:auto ;
background: url('images/mid.jpg' ) repeat-x ;
}

#mid_mod img{
    background: #f7f7f7;
    border-color: #fff;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    box-shadow: 0 45px 60px -50px #000000;
}
#mid_mod img:hover{
opacity:0.8;

}

#mid_mod1
{
display:none;
}
#more_mod
{
width:100%;
height:auto ;
background:#EFEAE6;
}
#more_mod1
{
display:none;

}
#footer_mod1 
{
display:none;
}



#tab
{
clear:both;
margin:auto;
width:100%;
height:40px;
background:#CED3D6;
background:#E4E5E6 url('images/tab.jpg') repeat-x;
color:#67340F;
color:#000;
font-weight:bold;
padding:0px;
border:1px solid #000;
border-radius:15px;
}



#map
{
clear:both;
margin:auto;
padding-top:2px;
width:100%;
height:auto;
background:#CED3D6;
color:#67340F;
font-weight:bold;
}
#content
{

margin:auto;
padding-top:2px;
width:100%;
height:auto ;
clear:both;
font-family: 'Droid Arabic Kufi', serif;
}
#content1
{
display:none;
}

input,textarea,select
{
border:1px solid #9FBBD1 ;
border-radius:3px;
}

td #t1
{
background:#242963;
background:#134369;
color:white ;
font-size:20px;
font-weight:bold;
border-radius:5px;
}

td #t2
{

color:white ;
}

#news
{
width:230px;
//border:2px solid #B43B11;
border-radius:5px;
padding:10px;
}
#news a
{
text-decoration:none;
color:#2C577F ;
}
.readmore
{
font-weight:bold;

}

#vote
{
width:230px;
//border:2px solid #B43B11;
border-radius:5px;
padding:10px;
color:#2C577F ;
font-weight:bold;
}


#copyr
{
margin-top:5px;
//font-weight:bold;
color:white;
font-size:11px;
}

#app
{
margin:auto;
width:100%;
height:auto ;
clear:both;
}
.depositx
{
width:100px;
height:auto ;
float:right ;
padding:15px;
}

#upmod_mobile
{
display:none;    
    
}

/* the overlayed element gallery */
.simple_overlay {
 
    /* must be initially hidden */
    display:none;
 
    /* place overlay on top of other elements */
    z-index:10000;
 
    /* styling */
    background-color:#333;
 
    width:auto;
    min-height:200px;
    border:1px solid #666;
 
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}
 
/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(mai/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
  #triggers {
  text-align:center;
  }
   #triggers img {
  cursor:pointer;
  margin:0 5px;
  background-color:#fff;
  border:1px solid #ccc;
  padding:2px;

  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  opacity:0.9;
   box-shadow: 0 3px 3px #8a8a8a;
  }
  #triggers img:hover {
  opacity:1.5;
  box-shadow: 0 5px 10px #8a8a8a;
  
  }
   @media (max-width: 800px) 
{


#header
{
width:100%;
height:145px ;
display:none;

}
#header1
{
margin:auto 0px;
width:100%;
height:auto ;
}

#cow
{
width:100%;
height:auto ;
}
#bar
{
display:none;	
}
#bar1
{
display:block;
margin:auto 0px;
width:100%;
height:auto ;	
}
.sf-menu li
{
width:100%;
display:block;
}
.fluid_container
{
//display:none;	
width:100%;
}


#cont
{
width:100%;
}
#cont p
{
width:100%;
}

#content
{
display:none;
}
#content1
{
width:100%;
display:block;
height:auto ;
}

#more_mod
{
display:none;
}
#more_mod1 
{
width:100%;
display:block;
height:auto ;
}
#mid_mod
{
display:none;
}
#mid_mod1 
{
width:100%;
display:block;
height:auto ;
background: url('images/mid.jpg') repeat-x;
}

#footer_mod
{
display:none;
}
#footer_mod1 
{
width:100%;
display:block;
height:auto ;
}
#leftcar
{
//display:none;
width:100%;
display:block;
height:auto ;
}

#news
{
width:100%;
}

#tab
{

display:none;
}

#vote
{
width:100%;
}

#footer1
{
width:100%;
display:block;
height:150px;
padding-bottom:10px;
}
#footer
{
width:100%;
font-size:12px;

}
#footer a
{
font-size:12px;
padding-bottom:40px;
}
#map
{
width:100%;
}
#app
{
width:100%;
}



#search
{
display:none;
}

.camera_caption {
	display: block;
	position: absolute;
	width: 50%;
	font-size:10px;
	font-weight:bold;
	margin-bottom:0px;
	margin-left:5px;
}

.button{width:40%;margin-right:2px;}
}
}