/*
 * Start Bootstrap - Half Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    text-align:justify;
    height: 100%;
    color:#494949;
    font-size:15px;
    font-family:"Droid Arabic Naskh";
}




.languages-top
{
}


.languages
{
   font-family:"Open Sans" !important;
    width: 70px;
    height: 61px;
    text-align: center;
    line-height: 60px;
    background-color: #0154a6; 
    float:left;
}


.languages a
{
    color:#FFFFFF;
    
}
.languages a:hover
{
    color:#FFFFFF;
    text-decoration:none;
    
}




.top
{
	 border-top:4px #0154a6 solid;
	 padding:10px 0 10px 0;
	 	 background:url('../images/bg-top-ar.png') no-repeat left center;
	 background-size: 50%;

}

.img-responsive-logo {
    max-width: 100%;
    height: auto;
}


.top-icon
{
	color:#777777;
	direction:ltr;
	font-size:15px;
	margin-top:33px;
	text-align:left;
}

.top-icon a
{
	color:#777777;
	text-decoration:none
}




.top-icon a i
{
 margin-right:5px;
}

.top-icon a img
{
 margin-top:-7px;
}


.menu
{
    background: #808084 url(../images/bg-menu-ar.png) no-repeat 1225px 54%;
    position: relative;
    background-size: 50%;
    z-index: 99;
}



.menu .form-group {
    margin-bottom: 10px;
    margin-top: 13px;
}


.menu .form-group a {
padding-left: 0px;
padding-right: 0px;
}



.menu .form-control2 {
    display: block;
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #222222;
    background-image: none;
    border: 1px solid #656565;
    border-radius: 24px;
  
   }


.menu .form-control-feedback {
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    color:#FFFFFF;
    font-size:20px;
    line-height: 34px;
    text-align: center;
    pointer-events:auto;
}



.has-feedback {
    position: relative;
    margin-top: 12px;
    margin-bottom: 10px;
}



.content
{
padding:20px 0;
}


.title
{
	 font-family:"Droid Arabic Kufi";
	 color:#0054a6;
	 font-size:30px;
	 font-weight:bold;	
	 text-transform:uppercase;
	 margin-bottom:10px;		
}
.title2
{
	 font-family:"Droid Arabic Naskh";
	 color:#494949;
	 font-size:18px;
}


.services
{
	background:url('../images/pattern1.png') repeat center;
	padding:20px 0;
	color:#FFFFFF;
}


.services .title1
{
	color:#FFFFFF;
	font-weight:bold;
	font-family:"Droid Arabic Kufi";
	font-size:30px;
	text-align:center;   
    margin-bottom: 30px;
    padding-bottom: 15px;
	background:url('../images/line-title.png') no-repeat center bottom;
	text-transform:uppercase;
}
.services .more 
{
	 margin-top:20px;

}

.services .more .click
{
	 color:#FFFFFF;
	 text-transform:lowercase;	
	 width: 185px;
     margin: auto;
	 margin-bottom:30px;
}
.services .more .click a
{
	 color:#FFFFFF;
	 padding: 5px 10px 5px 40px;
	 border-radius: 5px;
    background:#0054a6 url('../images/more-icon-ar.png') no-repeat 15px 15px;

}
.services .more .click a:hover
{
	 color:#0054a6 ;
	 padding:5px 10px 5px 40px;
	 border-radius: 5px;
    background:#fff url('../images/more-icon-ar.png') no-repeat 15px 15px;

}

.background
{
 margin-bottom:0px;
 }

.img-responsive-img{
    display: block;
    width: 100%;
    height: 220px;
}

.headline
{
	 color:#FFFFFF;
	 text-transform:capitalize;
	 font-size:25px;
	 font-family:"Droid Arabic Kufi";
	 margin:10px 0;
}


.details
{
 height:105px;
 overflow:hidden;
				
}







.news
{
	padding:20px 0;
	color:#4b4b4b;
}


.news .title1
{
	color:#0054a6;
	font-weight:bold;
	font-family:"Droid Arabic Kufi";
	font-size:30px;
	text-align:center;   
    margin-bottom: 30px;
    padding-bottom: 15px;
	background:url('../images/line-title.png') no-repeat center bottom;
	text-transform:uppercase;
}
.news .more 
{
	 margin-top:20px;

}

.news .more .click
{
	 color:#0054a6;
	 text-transform:lowercase;	
	 width: 185px;
     margin: auto;
	 margin-bottom:30px;
	 background:url('../images/more-icon2-ar.png') no-repeat center left;
}
.news .more .click a
{
	 color:#0054a6;
}

.img-responsive-img2{
    display: block;
    width:auto;
    height: 100px;
    margin:auto;
}
.details2 {
    height: 125px;
    overflow: hidden;
    padding: 10px 0 0 0;
    }
    
.details2 a{
    color:#494949;
    }
    
    
.details2 a:hover{
text-decoration:none;
    color:#494949;
    }
    

    
.details3 {
    height: 103px;
    overflow: hidden;
    }
    
    
    

    
    

.team
{
	padding:30px 0;
	color:#FFFFFF;
	background-color:black;
}


.team .title1
{
	color:#FFFFFF;
	font-weight:bold;
	font-family:"Droid Arabic Kufi";
	font-size:30px;
	text-align:center;   
    margin-bottom: 30px;
    padding-bottom: 15px;
	background:url('../images/line-title.png') no-repeat center bottom;
	text-transform:uppercase;
}
.team .more 
{
	 margin-top:20px;

}

.team .more .click
{
	 color:#FFFFFF;
	 text-transform:lowercase;	
	 width: 185px;
     margin: auto;
	 margin-bottom:30px;
}
.team .more .click a
{
	 color:#FFFFFF;
	 padding: 10px 40px 10px 10px;
	 border-radius: 5px;
    background:#8a1e04url('../images/more-icon.png') no-repeat 150px 15px;

}
.team .more .click a:hover
{
	 color:#0054a6;
	 padding: 10px 40px 10px 10px;
	 border-radius: 5px;
    background:#fff url('../images/more-icon.png') no-repeat 150px 15px;

}

.background-team
{
 border: 1px #2f2f2f solid;
 margin-bottom:0px;    
 padding: 20px;
 }

.img-responsive-team{
    display: block;
    width: 100%;
    height: 220px;
}

.headline-team
{
	 color:#FFFFFF;
	 text-transform:capitalize;
	 font-size:25px;
	 text-align:center;
	 font-family:"Droid Arabic Kufi";
	 margin:10px 0;
}


.details-team
{
 height:25px;	 
 text-align:center;
 overflow:hidden;
				
}


    

.team ul 
{   
    text-align: center;
    padding-right:0;
    padding-top: 12px;
}


.team .socials li {
 display:inline-block;	
    width: 34px;
    height: 34px;
    }


.team .socials li a {
	width: 34px;
	height: 34px;
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 37px;
	text-align: center;
	color: #fff;	
	background: #0054a6;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;

}

.team .socials li a:hover {
	background: #fff;	
	color: #0054a6;
}

   
.newsletter
{
	background-color:#0054a6;
	min-height:100px;
	line-height:100px;
	font-family:"Droid Arabic Kufi";
	font-size:24px;
	color:#fff;
	font-weight:normal;
	margin-top:0px;
	text-transform:uppercase;
	
}
.newsletter .envelop 
{ 
	background-color:#2e76c4;
	color:#fff;
	text-align:center;
	height:100px;
	line-height:100px;
}

.newsletter .envelop i
{
font-size:22px !important;	

}


.newsletter .form-control {
    display: block;
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #ececec;
    background-image: none;
    border: 0px solid #ccc;
    border-radius: 0px;
}


.newsletter .btn {
    display: inline-block;
    padding: 5px 30px;
    margin-bottom: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    font-family:"Droid Arabic Kufi";
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #FFFFFF;
    user-select: none;
    background-image: none;
    border: 0px solid #fff;
    border-radius: 0px;
}

.btn-default2{
    color: #0054a6;
    background-color: rgb(255, 255, 255);
    border-radius: 0px;
    border-color: rgb(255, 255, 255);
}
.btn-default2:hover {
    color: #fff;
   background-color: #0054a6;
    border-color: #0054a6;
    }


.btn-default{
    color: #ffffff;
    background-color:#0054a6;
    border-color: #0054a6;
    border-radius: 0;
}
.btn-default:hover {
    color: #fff;
   background-color: #2e76c4;
    border-color:#2e76c4;
    }


 .margin-top
{
	margin-top:28px;
}

    
    
    
.copyright
{
	background-color:#ececec;
	padding:10px ;
	text-align:right;
	color:#0054a6;
	font-family:Verdana;
	direction:ltr;
	font-size:13px;
}


.copyright a
{
	color:#0054a6;

}


.copyright a:hover
{
	color:#222222;

}

.bg-black
{

	background-color:#222222;
	padding:20px 0 0 0;
}
    
.mobile-box1
{
   display:none;			
}

    



.testimonials 
{
	padding:20px 0;
	color:#4b4b4b;    
}


.testimonials .title1
{
	color:#0054a6;
	font-weight:bold;
	font-family:"Droid Arabic Kufi";
	font-size:30px;
	text-align:center;   
    margin-bottom: 30px;
    padding-bottom: 15px;
	background:url('../images/line-title.png') no-repeat center bottom;
	text-transform:uppercase;
}
.testimonials .more 
{
	 margin-top:20px;

}

.testimonials .more .click
{
	 color:#0054a6;
	 text-transform:lowercase;	
	 width: 185px;
     margin: auto;
	 margin-bottom:30px;
	 background:url('../images/more-icon2-ar.png') no-repeat  left 5px;
}
.testimonials .more .click a
{
	 color:#0054a6;
}

    
.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color:rgba(215, 215, 215, 0);
    border: 0px solid #fff;
    border-radius: 0px;
}
    
    
.thumbnail .caption {
    padding: 9px;
    text-align: center;
}

.thumbnail .caption .name {
    padding: 9px;
    text-align: center;
    font-size:25px;
}
.thumbnail .caption .text-person {
    padding: 9px;
    text-align: center;
    font-size:16px;    
    height: 79px;
    overflow: hidden;
}

.carousel-indicators {
    bottom: -45px;
}
.carousel-indicators .active{ background: #31708f; }  

.content{ margin-top:20px; } 

.adjust1{ float:left; width:100%; margin-bottom:0; }  

.adjust2{ margin:0; }  

.carousel-indicators li{ border :1px solid #ccc; }  

.carousel-control{ color:#31708f; width:5%; }  

.carousel-control:hover, .carousel-control:focus{ color:#31708f; }   

.carousel-control.left, .carousel-control.right { background-image: none; }  

.media-object{ margin:auto; margin-top:0px; margin-bottom:2%;width: 150px;    height: 150px; }



.carousel-indicators li {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(0,0,0,0);
    border-radius: 10px;    
    border: 1px solid #0054a6;

}


.carousel-indicators .active {
    width: 17px;
    height: 17px;
    margin: 0;
    background-color: #0054a6;
}

@media screen and (max-width: 768px) { 
.media-object{ margin-top:0; 
}  
}
    
    
    
    
    
    
    
#content-slider {
  width: 100%;
  height:95vh;
  min-height:95vh;
  background:#0154a6; 

}

#content-slider-inside {
  list-style: none;
  min-height: 100%;   
  overflow-y: hidden;         
 }

#content-slider-inside li {
    width: 100%;
    color: #fff;  
    height:100vh;
    text-align:justify;  
    padding-top:30px;
    display:block; 
    overflow-x: hidden ;  
    overflow-y: scroll  ;   
    padding-bottom:30px;   
    padding-left:70px;   


}


.services-menu
{
    background-color: #0154a5;
    padding: 15px;
    position: relative;
    height: 100%;
    text-align: right;
    bottom: 0;
    z-index: 9999;
    color: white;

}


.services-menu .link
{
    display: block;
    color: #ffffff;
    padding: 12px 0;
    font-size: 16px;    
    border-bottom: 1px rgba(255, 255, 255, 0.48) solid;

}
.services-menu  .link a
{
color:#fff;
}

.services-menu .link a:hover
{
color:#77abde;
text-decoration:underline;


}