@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body
{
padding:0px;
margin:0px;
font-family: 'Droid Arabic Kufi', serif;
}
image
{
border:none;
}

#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 ;
}
.put-submit{
    //background:#8CBE45;
    color:#fff;
    border:none;
    border-radius:2px;
    transition:all 0.3s ease-in-out;
    -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;
    width:15%;
    padding:10px;
    margin-right:100px;
}
.put-submit:hover{
    background:#659524;
    color:#fff;
}
#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 {
color: #fff;
text-transform: uppercase;
border-radius: 0;
overflow: hidden;
z-index: 1;
position: relative;
transition: all 0.3s ease-in-out 0s;
	-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;
	width: 25%;
	margin-right:20%;
	margin-top:20%;
	opacity:0.9;
	float:right;
	//background: #fe6d6d;
}

.button:after
{
  content: "";
    width: 100%;
    height: 0;
    position: absolute;
    top: 90%;
    left: 85%;
    opacity: 0;
    z-index: -1;
    transform: translateX(-80%) translateY(-50%) rotate(46deg);
    transition: all 0.3s ease-in-out 0s;    
}
.button:hover:after{
height: 400%;
background: #fff;
width: 100%;
opacity: 1;
}
.button a{color:#fff;}

.dividerHeading,
.widget_title
{
    text-align: center;
    position: relative;
    margin-bottom:30px;
}
.dividerHeading h4,
.widget_title h4
{
    font-size:18px;
    position:relative;
    line-height:0;
    //border-bottom: 1px solid #8CBE45;
}
.dividerHeading h4 span{
    background:white;
    position:relative;
    line-height: 7px;
    top: 4px;
    display: inline-block;

}
.dividerHeading h4 span:before,
.dividerHeading h4 span:after,
.widget_title h4 span:after,
.widget_title h4 span:before
{
    //color:#8CBE45;
    font-size:10px;
    content: "\f10c";
    font-family:fontawesome;
    display: inline-block;

}
.dividerHeading h4 span:before,
.widget_title h4 span:before
{
    margin-right:10px ;
}
.dividerHeading h4 span:after,
.widget_title h4 span:after
{
    margin-left:10px ;
}
.widget_title {
    position: relative;
}
.widget_title h4 {
    font-size: 14px;
    text-transform: uppercase;
}

.xx
{
background:#E6EBEC;
}
#contentz
{
margin:auto;
padding-top:2px;
width:100%;
height:auto ;
clear:both;
}

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

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

}
#bar1
{
display:none;
}
#cont
{
width:1000px;
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 
{
//color:#B95309;
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:1000px;
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:1000px;
height:auto ;
background:#EFEAE6;
}
#more_mod1
{
display:none;

}
#footer_mod1 
{
display:none;
}



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



#map
{
clear:both;
margin:auto;
margin-bottom:20px;
padding:2px;
width:80%;
height:auto;
//background:#27A152;
color:#000;
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:2px 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;    
    
}


  #triggers {
  text-align:center;
  padding-top:50px;
  padding-bottom:100px;
  }
   #triggers img {
  cursor:pointer;
  margin:0 5px;
  background-color:#fff;
  border:1px solid #ccc;
  padding:2px;
  width:250px;
  height:250px;
  -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;
      -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

   
   @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;

}
#footer
{
width:100%;
font-size:11px;
height:250px;
padding-bottom:100px;
}
#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;}
.button:hover:after
{
height: 250%;
}
}