@charset "utf-8";
/* CSS Document */


.option-box{ position:fixed;top:100px; left:0;z-index:9999;}
.option-box .option-color { background:#000; color:#fff; width:150px; padding:10px;  float:left; display:none;}
.option-box .option-color ul li{ width:20px; height:20px; margin-right:3px; display:inline-block; cursor:pointer; }
.option-box .gear-check{ padding:5px;color:#fff; cursor:pointer;}


@font-face
{
font-family: myFirstFont2;
src: url('../fonts/DroidKufi-Regular.ttf');
	}
	
	
	
	
body{
	
	overflow:hidden;


	}
/*headr */
.top-bg{
		background-image: url(../images/top-bg.jpg);
		height:9px;
}
.top-area{
background-color:#f8f8f8;
	min-height:30px;
	padding-top:20px;
	}

.top-area2{

	     box-shadow: 0 2px 2px rgba(0,0,0,0.1);

	background-color:#f8f8f8;
	margin-bottom:15px;
	}
.top-menu{
	
	padding-top:70px;

	}		
.navbar-brand {  
}
  
 .navbar-brand2 {  
 margin-bottom:20px;

  }
  
.navbar-toggle {
    background-color: #df9811;
	
  border-radius: 0px;
}

.navbar-inverse .navbar-toggle {
  border-color: #df9811;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
 border-color: #161616;
}


.navbar-inverse div.navbar-collapse
{
    border-top:none;
    box-shadow:none;
}

.navbar-inverse .navbar-nav > li > a {color: #000000;}


h1,h2,h3,h4.h5,lead{font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;}

.navbar {background-color: transparent;  margin:0 auto;border-radius:5px; 
min-height:44px;
} 

.navbar-inverse {  border: none;font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;font-size:14px;
}

.navbar-inverse .navbar-brand {color: #9d9d9d;

}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #df9811;


}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  background-color: #df9811;


}

.navbar-nav > li > a {
	padding-top:0px !important; padding-bottom:0px !important; line-height:44px;
	 padding-right:15px;	 padding-left:15px;
	}

.dropdown-menu {
	
	  position: absolute;
  top: 100%;
  left: 0;

  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  padding:0;
	border:none;
	margin-top:-2px; 
	min-width:200px;
	border-radius:0; 

	
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
	}

.navbar-right .dropdown-menu {right: 0; left: auto;text-align:right;}
  
.dropdown-menu > li > a {
font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;font-size:12px;
color:#161616;
	
	font-weight:400; 
	padding:6px 15px; 
  border-bottom:solid 1px #eee;
 -webkit-transition:padding 0.5s ease ;
  -moz-transition:padding 0.5s ease ;
   -o-transition:padding 0.5s ease ;
    -transition:padding 0.5s ease ;
	
 
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #df9811;
  padding-left:25px;
}

.navbar-right .dropdown-menu {right: 0; left: auto;}

  
.dropdown:hover .dropdown-menu { display: block;}



.carousel-container{


 border-radius: 0px;
border-bottom:2px solid #df9811;

	}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
height: auto;
max-width: 100%;
line-height: 1;
width: 100%;

}
.carousel-caption {
  
  bottom: 70px;
  padding-right:20px;
  padding-left:20px;

}

.carousel-caption h3{
font-size:20px;
color:#fff;
text-shadow:none;
padding-left:20%;
text-align:left;
}

.carousel-caption p{
font-size:24px;
color:#333333;
font-weight:bold;
text-shadow:none;
padding-left:25%;

}


.carousel-caption2{ background:rgba(0,0,0, 0.7);}

.carousel-indicators { bottom: 0px; left: 95%;}



.carousel-indicators li {  border: none;border-radius: 0px;
 background-color: #fff;
}
.carousel-indicators .active {  background-color: #df9811; margin: 1px;}

.carousel-control {

  top: 20%;


}

.carousel-control.left {
  background-image: none;
  background-image:     none;

  background-image:       none;
  filter:none;
  background-repeat: repeat-x;

}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
  background-image:     none;
  background-image: none;
  background-image:  none;
  filter:none;
  background-repeat: repeat-x;
}
.glyphicon-chevron-right{
	
	 
	
	}



.video-p{
	

	margin-top:10px;
	
	}



.btn-primary2 {

  color: #fff;
  background-color: #057d7c;
  border: none;
  border-radius:0px;
  font-size:12px;
text-align:right;
float:right; 
  font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
    background-color: #df9811;
	
}

.btn-primary2:hover,
.btn-primary2:focus,
.btn-primary2.focus,
.btn-primary2:active,
.btn-primary2.active,
.open > .dropdown-toggle.btn-primary2 {
  color:#fff;
  background-color: #161616;
  text-decoration:none;

}




.more {
  color: #df9811;


text-align:left;

  font-size:12px;
  text-decoration:none;
  padding:5px;
  font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;

  padding-left:30px;
}

.more a{
	
	  color: #df9811;
	 text-decoration:none;
	}

.more a:hover{
	
	  color: #161616;
	  text-decoration:none;
	}

.btn-primary3 {
  color: #fff;
  background-color: #df9811;
  border: none;
  border-radius:0px;
  font-size:11px;
font-family:myFirstFont2, Arial, sans-serif

  
}

.btn-primary3:hover,
.btn-primary3:focus,
.btn-primary3.focus,
.btn-primary3:active,
.btn-primary3.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #D50820;

}

.btn-primary4 {
  color: #fff;
  background-color: #cf9017;
  border: none;
  border-radius:0px;
  font-size:11px;
font-family:myFirstFont2, Arial, sans-serif

  
}

.btn-primary4:hover,
.btn-primary4:focus,
.btn-primary4.focus,
.btn-primary4:active,
.btn-primary4.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #c3850e;

}





.breadcrumb {
 
 
 color: #383838;
    font-size: 14px;
   line-height:32px;

    border-right: 4px solid #df9811;
    border-left: none;
 
	background-color:#f8f8f8;

border-radius:0px;
font-family:myFirstFont2, Arial, sans-serif;


  
}

.breadcrumb li a{
 color: #074a7f;
 font-family:myFirstFont2, Arial, sans-serif ك
}
.breadcrumb li a:hover{
 color: #cf9017;
text-decoration: none;
  
}

.breadcrumb > .active {
  color: #cf9017;font-family:myFirstFont2, Arial, sans-serif
}


/*headr */

.slider_shdow{
	width:100%;
	background-color: #fa9505;
	height:2px;
	
	}

.shadowdrop { position:absolute; background-color:#cf9017;  background-repeat:no-repeat; background-position:top center; height:2px; width:100%; top:0px; z-index:-1; }

.shadowdrop2 { position:absolute; background-image:url("../images/shadow-bottom2.png"); background-repeat:no-repeat; background-position:bottom center; height:15px; width:100%;  z-index:40; }
	

/*end of headr */


/*About */

.about{
padding-top:5px;
padding-bottom:15px;	

min-height:400px;

	}
	
.about-p {color:#414141;   text-align:left;font-size:14px;font-family:myFirstFont2,Droid Arabic; text-align:justify; line-height:24px}
.about h3  { color:#cf9017;text-align:left; font-weight:bold; font-size:18px;text-align:right;padding-bottom:10px;}	
.about  span { color:#414141;text-align:left; font-weight:bold;font-size:18px;}

.about  img { margin-top:20px;}
.about  a{
 color: #414141;
  
}
.about  a:hover{
 color: #cf9017;
text-decoration: none;
  
}


#nt-title-container {

}

#nt-title {
	text-align:right; 

}

#nt-title li {
font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
	font-size: 14px;
	color: #2e2e2e;
	list-style: none;
	text-align:right; 
}

/*End About */



/*Features */
.features{  padding-top:10px; padding-bottom:10px; }

.features .feat { margin-bottom:20px;
    border: 1px solid #ebebeb;
border-radius: 5px; background:#fff;

}

.features-p { font-size:13px;font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;text-align:right;text-align:justify;line-height:24px;width: 100%;}

.features-p img{   display: block;
  margin-left: auto;
  margin-right: auto;}


	
.features h1{ font-size:14px;font-weight:bold; font-family:myFirstFont2,Droid Arabic Kufi,sans-serif; color:#df9811; text-align:center}
.features img{  margin:0 auto; margin-bottom:10px;}
.features h3{ font-size:14px; color:#df9811; 
	font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;text-align:right;line-height:22px;

padding-bottom:5px;
  
}


.headline {
	display:block;
	margin:5px 0 5px 0;color:#df9811;
	border-bottom:1px solid #eeeeee;
	
}




.headline h3, 
.headline h4 {
	color: #383838;
    font-size: 16px;
    padding-right: 11px;
  
    border-right: 4px solid #df9811;
    border-left: none;
    margin-left: 11px;
	
}
	font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;text-align:right;

	
}

	
.features .feat span.glyphicon{ font-size:24px; margin-bottom:10px; color:#4D4D4D;}
/*End Features */


	.pro-slide1{
		
	margin-right:10px;
	margin-left:30px;		
		}






/*End Team*/




/*footer*/

.footer {

margin-top:30px;

background-color:#161616;

color:#fff;
text-align:right;
	}
	
.footer a{	color:#fff;
font-size:12px;
text-align:right;
font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
line-height:46px;
padding:5px;


}

.footer p{	color:#fff;


}

.footer a:hover{	color:#df9811;
text-decoration:none;


}

.footer h3{	color:#df9811;

text-align:right;
font-size:16px;
font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
}

.footer .img-thumbnail{	
border: 0px;
 padding: 0px;

  border-radius: 0px;
 max-width: 86px;
  height: 66px;


}

.footer .copyright{	
background-color:#2a2a2a;
color:#fff;
min-height:50px;
padding-top:10px;
font-size:12px;
text-align:right;

}
.footer .copyright span{	
color:#e3e3e3;font-size:12px;
text-align:right;
direction:rtl;
font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
line-height:28px;

}



/*Social Icons*/

.social-icons {
padding-top:15px;
text-align:right;

}


.social-icons li {
	
	display:inline-block;
	list-style:none;
	text-indent:-9999px;
	padding-right:2px;
	
}
.social-icons li a, a.social-icon {
	width:23px;
	height:23px;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.social-icons li:hover a {
	background-position:0 -38px;
}

.social_twitter {background: url(../images/icons/social/twitter.png) no-repeat;}
.social_facebook {background: url(../images/icons/social/facebook.png) no-repeat;}
.social_youtube {background: url(../images/icons/social/youtube.png) no-repeat;}
.social_linkin {background: url(../images/icons/social/linkin.png) no-repeat;}
.social_gplus {background: url(../images/icons/social/gplus.png) no-repeat;}
.social_instgram {background: url(../images/icons/social/instg.png) no-repeat;}

.social-icons img{
margin-left:25px;
margin-top:5px;
}

.social-icons p{
color:#FFFFFF;
font-size:12px;
padding-top:12px;
}



/*Social Icons 2*/


.social-icons2 {
padding-top:5px;
text-align:left;
}


.social-icons2 li {
	
	display:inline-block;
	list-style:none;
	
	text-indent:-9999px;
	padding-right:10px;
	
}
.social-icons2 li a, a.social-icon {
	width:28px;
	height:28px;
	display:block;
	background-position:0 0;
	background-repeat:no-repeat;
	transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}
.social-icons2 li:hover a {
	background-position:0 -32px;
}

.social_twitter2 {background: url(../images/icons/social/twitter2.png) no-repeat;}
.social_facebook2 {background: url(../images/icons/social/facebook2.png) no-repeat;}
.social_youtube2 {background: url(../images/icons/social/youtube2.png) no-repeat;}

.social_instgram2 {background: url(../images/icons/social/instg2.png) no-repeat;}
	
	
/*contact us */

.contact-us

{
	padding-bottom:8px;
	
	}
	
.contact-us p

{
	margin-bottom:40px;
    }
	
.contact-us .fields
{
	background:rgba(9,9,9,0.6);
	min-height:600px;
	color:#ddd;
	padding-top:40px;
	padding-bottom:40px;
	}
	
.contact-us textarea{ height:108px;}



	/*Loading*/
	
.loading-overlay{
	background:#222;
	color:#fff;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
		z-index:99999;
		}
		


.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
	
	
	
	.pageContent { width: 96%;   margin-top:20px;
 float:left;
 direction:ltr; text-align:left; padding-bottom:20px;}
 
 .pageContent span { font-size:11px; color:#4A4A4A; line-height:20px; font-family:Arial, tahoma, sans-serif;}
 
 
 
  .accordion { list-style-type: none; padding: 0; margin: 0 0 30px; border: 1px solid #9A9A9A; border-top: none; border-left: none; }
 .accordion ul { padding: 0; margin: 0; float: left; display: block; width: 100%; }
 .accordion li { background: #F5F5F5; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%;  font-family:tahoma, Arial, sans-serif;font-size:11px;}
 .accordion li.active>a { background: url('../images/close-en.gif') no-repeat center right;  font-family:Arial, tahoma, sans-serif; }
 .accordion li div { padding: 20px; background: #FFFFFF; display: block; clear: both; float: left; width: 100%;}
 .accordion a { text-decoration: none; border-bottom: 2px solid #fff; font-family:Arial, tahoma, sans-serif; font-size:12px; font-weight:bold; padding: 5px; display: block; cursor: pointer; background: url('../images/open-en.gif') no-repeat center right;
  color:#515151;
 }
 
 
 .form-label{
 
   font-family:myFirstFont2,Droid Arabic Kufi,sans-serif; font-size:12px;  color:#555555; margin-top:15px; padding-bottom:10px; 
	text-align:right;
	}
	
.btn-info3 {
  color: #ffffff;
  background-color: #df9811;
  border-color: #df9811;
  height:34px;
  margin-top:10px;
  margin-left:15px;
   margin-bottom:10px;
   font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
   
}
.btn-info3:hover,
.btn-info3:focus,
.btn-info3:active,
.btn-info3.active,
.open .dropdown-toggle.btn-info3 {
  color: #ffffff;
  background-color: #151515;
  border-color: #151515;
}


.btn-info3:active,
.btn-info3.active,
.open .dropdown-toggle.btn-info3{
  background-image: none;
}

.btn-info3.disabled,
.btn-info3[disabled],
fieldset[disabled] .btn-info3,
.btn-info3.disabled:hover,
.btn-info3[disabled]:hover,
fieldset[disabled] .btn-info3:hover,
.btn-info3.disabled:focus,
.btn-info3[disabled]:focus,
fieldset[disabled] .btn-info3:focus,
.btn-info3.disabled:active,
.btn-info3[disabled]:active,
fieldset[disabled] .btn-info3:active,
.btn-info3.disabled.active,
.btn-info3[disabled].active,
fieldset[disabled] .btn-info3.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info3 .badge {
  color: #5bc0de;
  background-color: #fff;
}

.reg-page {
    color: #555;
    padding: 30px;
    background: #fefefe;
    border: solid 1px #eee;
    box-shadow: 0 0 3px #eee;
}




.side-pics {
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1px 2px 2px rgba(230, 230, 230, 230);
    border-radius: 3px 3px 3px 3px;

    overflow: hidden;}


.img-responsive2,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1px 2px 2px rgba(230, 230, 230, 230);
    border-radius: 0px 0px 0px 0px;

    overflow: hidden;

}





    

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

		
 
 /* Level 2 */
	/*Loading */
	
	
	

/*.contact-us input,

.contact-us textarea
{
background:rgba(82,78,78,0.8);
color:#fff;
border:none;
	
	}*/


#right_panel_content_row1
{
    font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
    text-align:right;
    color:#414141;
}
#vote_result_cl1
{
    text-align:right;
}
.error-v1-title {
    color: #C00;
    font-size: 180px;
   font-family:myFirstFont2, Helvetica, Arial, sans-serif;
   text-align:center;
}

.error-v1-title2 {
    color: #666;
    font-size: 30px;
   font-family:myFirstFont2, Helvetica, Arial, sans-serif;
   text-align:center;
}

.error-v1-title3 {
    color: #666;
    font-size: 20px;
   font-family:myFirstFont2, Helvetica, Arial, sans-serif;
   text-align:center;
}

	



.icon_phone2 {
	font-size: 14px;
	line-height: 24px;
	background: url('../images/icon_mob.png') left 4px no-repeat;
	padding: 0 0 0 30px;
	color:#5F5F5F;
	margin-top:5px;
	padding-right:20px;
	font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
	direction:ltr;
}
 


.icon_mail2 {
	font-size: 14px;
	line-height: 24px;
	background: url('../images/mail2.png') left 5px no-repeat;
	padding: 0 0 0 30px;
	color:#5F5F5F;
	padding-right:20px;
	font-family:myFirstFont2,Droid Arabic Kufi,sans-serif;
	direction:ltr;
}



 html {
 overflow-y: scroll;
 overflow-x: hidden;
 overflow: -moz-scrollbars-vertical;
}