﻿.fixedHeader {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   background-color:#000000 ;
   text-align: center;
	border-radius:0px 0px 5px 5px;
	/*border: solid 1px #2a2f42;*/
	color: #ffffff;
	z-index: 2000;
	-webkit-box-shadow: inset 0 0 5px 5px #2b3541;
	-moz-box-shadow: inset 0 0 5px 5px #2b3541;
	box-shadow: inset 0 0 5px 5px #2b3541;
}
.fixedFooter {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #000000;
   text-align: center;
	border-radius:5px 5px 0px 0px;
	/*border: solid 1px #2a2f42;*/
	color: #ffffff;
	padding-top:5px;
	padding-bottom:10px;
	z-index: 2000;
	-webkit-box-shadow: inset 0 0 5px 5px #2b3541;
	-moz-box-shadow: inset 0 0 5px 5px #2b3541;
	box-shadow: inset 0 0 5px 5px #2b3541;
}
.footerButton
{
	display:inline-block;
	font-size:9px;
	padding:4px;
	width: 15%;
	color: #ffffff;
	
	
}
.fieldset
{
	border-radius:5px;
	border-color:#2b3541;
	border-width:1px;
	border-style:solid;
}
.fieldsetDark
{
	border-radius:5px;
	border-color:#2b3541;
	border-width:1px;
	border-style:solid;
}
.darkred
{
	
color: #ffffff;
}
/** {
      padding: 0;
      margin: 0;
      border: 0;
    }*/
html{
	overflow-x:hidden
}
body{
	font-family: 'Baloo Thambi 2', cursive;
    background:#000;
    margin:0;
	direction:ltr;
	font-size:1.1em;
	color:#fff;
    opacity: 1;
    transition: 1s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}
img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.logo
{
	width:310px; height: 82px;margin:0 auto;background:transparent url('../images/logo_black.png') no-repeat center top;display:block;
	
}

a{
	text-decoration:none;font-size:90%;font-weight:bold;color:#cccccc;font-family: 'Baloo Thambi 2', cursive;
}
a:hover{
	color:#fff;font-family: 'Baloo Thambi 2', cursive;
}

.arrow
{
	background-image:url(../images/arrow_blue_en.png); background-repeat:no-repeat; background-position:center;
}


/*home*/
.home{
	 width:32px;height:32px;float:left;list-style-type:none;display:block
}
.home a{
	 width:32px;height:32px;display:block;background:transparent url('../images/home_black.png') no-repeat center 0px
}
.home a:hover{
	background:transparent url('../images/home_black.png') no-repeat center -31px
}
/*end of home*/
/*contact*/
.contact{
	 width:32px;height:32px;float:left;list-style-type:none;display:block
}
.contact a{
	 width:32px;height:32px;display:block;background:transparent url('../images/contacts_black.png') no-repeat center 0px
}
.contact a:hover{
	background:transparent url('../images/contacts_black.png') no-repeat center -30px
}
/*end of contact*/
/*login*/
.login{
	 width:32px;height:32px;float:left;list-style-type:none;display:block
}
.login a{
	 width:32px;height:32px;display:block;background:transparent url('../images/login_black.png') no-repeat center 0px
}
.login a:hover{
	background:transparent url('../images/login_black.png') no-repeat center -31px
}
/*end of login*/
/*cam*/
.cam{
	 width:32px;height:32px;float:left;list-style-type:none;display:block
}
.cam a{
	 width:32px;height:32px;display:block;background:transparent url('../images/cam_black.png') no-repeat center 0px
}
.cam a:hover{
	background:transparent url('../images/cam_black.png') no-repeat center -31px
}
/*end of cam*/
/*cam*/
.en{
	 width:32px;height:32px;float:right;list-style-type:none;display:block;text-align:right; margin-right:7px;
}
.en a{
	 color:#ffffff;font-size:120%;line-height:32px;font-family:Verdana;font-weight:normal;text-align:right; margin-right:7px;
}
.en a:hover{
	 color:#ccc;line-height:33px; margin-right:7px;
}
/*end of cam*/


.Footer
{
	background:transparent url('../images/head_red.gif') repeat;padding:4px;margin-bottom:10px;font-size:0.7em; color:#FFF;
}



#container #menu
{
	width:100%;float:right;
}
#container #menu ul
{
	display:block
}
#container #menu ul li
{
	width:100%;float:right;height:46px;list-style-type:none;
}
#container #menu ul li a
{
	width:100%;
	float:right;
	display:block;
	background:transparent url('../images/button_black.jpg')center top;color:#fff;
	text-decoration:none;
	font-size:100%;
	font-weight:bold;
	line-height:46px;
	background-repeat:repeat-x;
}
#container #menu ul li a:hover
{
	background:transparent url('../images/button_black.jpg')center bottom;color:#cccccc;
}

#container #news
{
	width:100%;
}
#container #news ul
{
	display:block
}
#container #news ul li
{
	width:100%;float:right;list-style-type:none;
}
#container #news ul li a
{
	width:100%;float:right;display:block;background:transparent url('../images/news_bg_.jpg')  repeat ;color:#e0e0e0;text-decoration:none;font-size:75%;font-weight:bold;line-height:25px;text-align:left;padding-top:5px;
}
#container #news ul li a:hover
{
	color:#ffffff;
}
#container #news ul li a:hover img
{
	border:0px #FF0000 solid
}

#container #news ul li a img
{
	float:right;margin:6px 12px 10px;border:0px #CCCCCC solid
	}
#container #news ul li a img:hover
{
	border:0px #FF0000 solid
	}

#container #news ul li a span
{
	margin:8px 0;float:right;
	}
#container #news_details
{
	width:100%;float:right;
}
#container #news_details img
{
	margin:10px 0;

}
#container #news_details h1 {
	color:#ffffff;font-size:100%;margin:10px
}
#container #news_details p{
	color:#eaeaea;line-height:150%;margin:10px;text-align:justify;font-weight:normal;font-size:90%
}

.pghead
{
	background-image:url(../images/pghead_black.gif); background-repeat: repeat-x; height:47px;background-color:#797676;
}
.button
{
background-image:url(../images/button_.jpg); background-repeat:repeat;font-weight:bold; color:#FFF; border: ridge; border-color:#FFF; border-width:1px; padding:3px; width:98%;background-color:#333;
}
.button2
{
	background-image:url(../images/button2_.gif); background-repeat: repeat;font-weight:bold; color: #ffffff; border: ridge; border-color:#ffffff; border-width:1px;padding:3px;
}
.red
{
	color:#F00;
}
.orange
{
	color:#318bc0; font-size:0.9em;
}
.Footer2
{
	background:transparent url('../images/head_.gif') repeat;padding:4px;margin-bottom:10px;font-size:0.8em;
}



a.orange:link {text-decoration:none; color: #318bc0;}
a.orange:visited {text-decoration:none; color:#318bc0;}
a.orange:hover {text-decoration:none; color: #b4b6b7;}


a.white:link {text-decoration:none; color: #ffffff;}
a.white:visited {text-decoration:none; color:#ffffff;}
a.white:hover {text-decoration:none; color: #f2e0a3;}


a.smallLink:link {text-decoration:none; color: #ccc; font-size:0.7em}
a.smallLink:visited {text-decoration:none; color:#ccc;font-size:0.7em}
a.smallLink:hover {text-decoration:none; color: #fff;font-size:0.7em}
.padding
{
	padding:5px;
}
.contentimg {
padding:3px;
display:inline;
background:#ccc;
border:1px solid #ccc;
text-align:center;
}
.bimg
{
	background-image:url(../images/bg_red_.jpg);
	background-repeat:repeat;
	background-color:#333;
	color:#ffffff;
}
.smalltext
{
	font-size:0.9em;
}

.smalltext1
{
	font-size:0.7em;
}
.contentimg2 {
padding:0px;
display:inline;
background:#ccc;
border:1px solid #ccc;
text-align:center;
}
.headertop
{
	background-image:url(images/);
	background-repeat:repeat-x;
	height:40px;
}
input,textarea,select {
	font-family: 'Baloo Thambi 2', cursive;
	/*margin:5px;*/
	font-size:98%;
	border-width:1px;
	border-color:#ffffff;
	border-style:solid;
	border-radius:5px;
	/*padding:5px;*/
	background-color:black;
	color:white;
	padding: 10px 5px;
	margin: 5px 0px;
}
.table2
{
border-style: solid;
border-width:1px;
border-color:#318bc0;
font-weight:bold;
background-color:#2b3541;
color:#F00;
font-size:12px;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}

.table4
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
background-color:#2b3541;
color:#ffffff;
border-radius:5px;
padding:5px;
}
.table3
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
font-weight:bold;
color:#fff;
background-color:#000;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}
a.Bluelink:link {text-decoration:none; color: #fff; font-size:0.7em}
a.Bluelink:hover {text-decoration:none; color: #000;font-size:0.7em}
.blue
{
	color:#fff;
	font-weight:bold;
}

.select2-selection
{
	font-size:14px;
	background-color:black;
	color:white;
	font-family: 'Baloo Thambi 2', cursive;
	
}
.select2-results__options li{
    
    font-size: 14px;
	background-color:black;
	color:white;
	font-family: 'Baloo Thambi 2', cursive;
}

.select2-selection__rendered
{
	background-color: black;
    color: white;
	font-family: 'Baloo Thambi 2', cursive;
}
.button3,.button4,.button5,.button6,.button7 {
  background-color: #2b3541; 
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
  color: white;
   padding: 5px 10px;
  text-align: center;
  text-decoration: none;
  /*display: inline-block;*/
  font-size: 14px;
  border-radius: 8px;
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-family: 'Baloo Thambi 2', cursive;
}
.button3:hover,.button4:hover,.button5:hover,.button5:hover,.button6:hover,.button7:hover{
  background-color: #000; 
  color:#eaeaea;
}
td,th{
	padding:3px;
}
.table1
{
border-style: solid;
border-width:1px;
border-color:#b4b6b7;
background-color:#2b3541;
color:#318bc0;
border-radius:5px;
padding:5px;
font-family: 'Baloo Thambi 2', cursive;
}






/******slider******/
.sidr {
	display: none;
	position: absolute;
	position: fixed;
	top: 0;
	height: 100%;
	z-index: 999999;
	width: 260px;
	overflow-x: none;
	overflow-y: auto;
	font-family: 'Baloo Thambi 2', cursive;
	font-size: 15px;
	background: #000;
	color: #fff;
	-webkit-box-shadow: inset 0 0 2px 2px #ccc;
	-moz-box-shadow: inset 0 0 2px 2px #ccc;
	box-shadow: inset 0 0 2px 2px #ccc
}

.sidr .sidr-inner {
	padding: 0 0 10px
}

.sidr .sidr-inner>p {
	margin-left: 10px;
	margin-right: 10px
}

.sidr.right {
	left: auto;
	right: -260px
}

.sidr.left {
	left: -260px;
	right: auto
}

/*.sidr h1,
.sidr h2,
.sidr h3,
.sidr h4,
.sidr h5,
.sidr h6 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 15px;
	margin: 0 0 5px;
	color: #fff;
	line-height: 24px;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4d4d4d), color-stop(100%, #1a1a1a));
	background-image: -webkit-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: -moz-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: -o-linear-gradient(#4d4d4d, #1a1a1a);
	background-image: linear-gradient(#4d4d4d, #1a1a1a);
	-webkit-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 5px 3px rgba(0, 0, 0, 0.2)
}

.sidr p {
	font-size: 13px;
	margin: 0 0 12px
}

.sidr p a {
	color: rgba(255, 255, 255, 0.9)
}

.sidr>p {
	margin-left: 15px;
	margin-right: 15px
}
*/
.sidr ul {
	display: block;
	margin: 0 0 15px;
	padding: 0;
	border-top: 1px solid #1a1a1a;
	border-bottom: 1px solid #4d4d4d
}

.sidr ul li {
	display: block;
	margin: 0;
	line-height: 48px;
	border-top: 1px solid #4d4d4d;
	border-bottom: 1px solid #1a1a1a;
	text-align:left;
	direction:ltr;
}

.sidr ul li:hover,
.sidr ul li.active,
.sidr ul li.sidr-class-active {
	border-top: none;
	line-height: 49px
}

.sidr ul li:hover>a,
.sidr ul li:hover>span,
.sidr ul li.active>a,
.sidr ul li.active>span,
.sidr ul li.sidr-class-active>a,
.sidr ul li.sidr-class-active>span {
	-webkit-box-shadow: inset 0 0 15px 3px #222;
	-moz-box-shadow: inset 0 0 15px 3px #222;
	box-shadow: inset 0 0 15px 3px #222
}

.sidr ul li a,
.sidr ul li span {
	padding: 0 15px;
	display: block;
	text-decoration: none;
	color: #fff
}

.sidr ul li ul {
	border-bottom: none;
	margin: 0
}

.sidr ul li ul li {
	line-height: 40px;
	font-size: 13px
}

.sidr ul li ul li:last-child {
	border-bottom: none
}

.sidr ul li ul li:hover,
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active {
	border-top: none;
	line-height: 41px
}

.sidr ul li ul li:hover>a,
.sidr ul li ul li:hover>span,
.sidr ul li ul li.active>a,
.sidr ul li ul li.active>span,
.sidr ul li ul li.sidr-class-active>a,
.sidr ul li ul li.sidr-class-active>span {
	-webkit-box-shadow: inset 0 0 15px 3px #222;
	-moz-box-shadow: inset 0 0 15px 3px #222;
	box-shadow: inset 0 0 15px 3px #222
}

.sidr ul li ul li a,
.sidr ul li ul li span {
	color: rgba(255, 255, 255, 0.8);
	padding-left: 30px
}

/*.sidr form {
	margin: 0 15px
}

.sidr label {
	font-size: 13px
}

.sidr input[type="text"],
.sidr input[type="password"],
.sidr input[type="date"],
.sidr input[type="datetime"],
.sidr input[type="email"],
.sidr input[type="number"],
.sidr input[type="search"],
.sidr input[type="tel"],
.sidr input[type="time"],
.sidr input[type="url"],
.sidr textarea,
.sidr select {
	width: 100%;
	font-size: 13px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 0 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border: none;
	background: rgba(0, 0, 0, 0.1);
	color: rgba(255, 255, 255, 0.6);
	display: block;
	clear: both
}

.sidr input[type=checkbox] {
	width: auto;
	display: inline;
	clear: none
}

.sidr input[type=button],
.sidr input[type=submit] {
	color: #333;
	background: #fff
}

.sidr input[type=button]:hover,
.sidr input[type=submit]:hover {
	background: rgba(255, 255, 255, 0.9)
}*/
/* Dropdown Button */
.dropbtn {
	background-color:#2b3541;
	color: white;
  /*background-color: #4CAF50;
  color: white;*/
  padding: 0px;
  font-size: 14px;
  border: none;
	font-family:Droid Arabic Kufi;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #2b3541;
	color: white;
  min-width: 100%;
  overflow:auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 6px 8px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: white;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #900002; color: white}