﻿/*!
 * Start Bootstrap - Half Slider HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

html,
body {
    height: 100%;
    font-family:Tahoma;
    font-size:15px;
    color:#424242;
    
}

/* You can change the height of the carousel by changing the height in the class below. It is set to 50% by default, but can be any height! */



.logo-menu
{
padding: 8px 0 15px 0;
font-family:Verdana;
border-bottom: 1px #006542 solid;
}


.en {
    width: 80px;
    height: 81px;
    position: absolute;
    top: 0;
    left: 5px;
}
.logo-menu .form-group {
    margin-bottom: 0px;
    margin-top: 5px;
}


.logo-menu .form-group a {
padding-left: 0px;
padding-right: 0px;}



.logo-menu .form-control2 {
    display: block;
    font-family:"Droid Arabic Naskh";
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #FFFFFF;
    background-color: #006542;
    background-image: none;
    border: 1px solid #006542;
    border-radius: 20px;
  
   }


.logo-menu .form-control-feedback {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    color:#FFFFFF;
    font-size:18px;
    line-height: 34px;
    text-align: center;
    pointer-events: auto;
}


.logo-menu .form-control2::-webkit-input-placeholder {
    color:#FFFFFF;
}

.logo-menu .form-control2:-moz-placeholder { /* Firefox 18- */
    color:#FFFFFF;
}

.logo-menu .form-control2::-moz-placeholder {  /* Firefox 19+ */
    color:#FFFFFF;
}

.logo-menu .form-control2:-ms-input-placeholder {  
    color:#FFFFFF;
}




.languages
{
 text-align:left;
 padding-right:0px;
 padding-left:0px;
}




.languages a {
  position: relative;
  padding-right: 5px;
  color: #0B568F;
  font-size:14px ;
}


.img-responsive-logo {
    display: block;
    max-width: 100%;
    height: auto;
    margin:0px 0 0px 0 ;
}


.img-responsive-logo2 {
    display: block;
    max-width: 100%;
    height: auto;
    margin:auto ;
}


.carousel {
    height:671px;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}




.camera-text {
      height: auto;
    width: 100%;
    color: #d1d1d1;
    font-size: 14px;
    top: 0px;
    position: absolute;

}


.bg01 {
 background: rgba(109, 3, 3, 0.9) url('../images/bg-text.png') no-repeat center 80px;
    color: #937f81;

}
.camera-text .camera-text_inner {
   

padding: 30px 10px 0 10px;
    min-height: 760px;

}
.camera-text .camera-text_inner h2 {
     font-family: "Droid Arabic Kufi";
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    text-align: center;
    height: 515px;
    line-height: 1.7;
    overflow: hidden;


    
}


.camera-text .camera-text_inner p {
    font-family:"Droid Arabic Kufi";
    font-size:14px ;
	color:#fff;
	text-align:center ;
	bottom:20px;

   
}


/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


.content-all
{
	margin:20px 0 0 0;
}




.title
{
    font-family:"Droid Arabic Kufi";
	font-size:20px;
	color:#c79b00;	
	margin-top:10px;
	margin-bottom:10px;
}
.title-box
{
    font-family:"Droid Arabic Kufi";
	font-size:20px;
	color:#fff;
	font-weight:bold;
	background-color:#c79b00;
	text-align:right;
	padding:10px 20px ;
}

.box-2
{
    font-family:"Droid Arabic Naskh";
	font-size:15px;
	color:#555555;
	background-color:#fff;
	text-align:right;
	border:1px #c79b00 solid;
	padding:10px 20px ;
}

.box-2 ul
{
	padding-right:10px;
	text-align:right;
	
}
.box-2 ul li
{

list-style:disc;
padding:10px 0px 10px 0px;	
}

.box-2 ul li a
{

	color:#555555;
}
.box-2 ul li a:hover
{

	color:#c79b00;
	text-decoration:none;
}
.img-responsive-box {
    display: block;
    max-width: 100%;
    height: auto;
    margin:0px auto 10px auto ;
}

.text-home
{
	height:85px;
	overflow:hidden;
}


.img-responsive-img {
    display: block;
    width: 100%;
    height: auto;
}




.title-news
{
	border-bottom:1px #dddddd solid;
	font-family:"Droid Arabic Kufi";
	font-size:22px;
	color:#2d513b;
	font-weight:bold;
	padding:10px;

}



.news
{
	padding:20px 0 0px 0;
}


.news ul
{
	text-align:center;
	padding-right:0px;
	margin-top:20px;
}

.news ul li
{
	 display:inline-block;
	 width: 264px;
     margin-left: 17px;
    }

.news ul li img
{
	 height:170px;
	 width:100%;
}




.news ul li p
{

font-size:14px;
color:#666666;
text-align:justify;
height:100px;
font-weight:bold;
overflow:hidden;
margin-bottom:10px;
margin-top:10px;
}

.btn {
    display: inline-block;
    padding: 6px 20px;
    }

.btn-default {
    color: #fff;
    background-color: #006542;
    border-color: #006542;
    font-family:"Droid Arabic Naskh";
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
    color: #fff;
    background-color: #c79b00;
    border-color: #c79b00;
}







.usfull-link
{
	background-color:#FFFFFF;
	padding:10px;
}



.usfull-link-shadow-top
{
background:url('../images/shadow-top.png') repeat-x ;
height:31px;
}

.usfull-link-shadow-bottom
{
background:url('../images/shadow-bottom.png') repeat-x ;
height:31px;

}


.usfull-link ul
{

padding-right:0px;
text-align:center;
margin-bottom: 0px;


}

.usfull-link ul li
{

display:inline-block;
}









.footer-bg
{
	background:#006542;
	text-align:center;
	margin-top: 15px;
}



.footer
{
	padding:20px;
	color:#FFFFFF;
	font-size:14px;
	text-align:justify;
}


.footer ul li
{
	 list-style:none;
	 padding-bottom:10px;

}

.footer ul li a
{
 color:#FFFFFF;
}
.footer ul li a:hover
{
 color:#FFFFFF;
}

.footer .title-footer
{
	color:#fff;
	font-size:18px;  
	font-family:"Droid Arabic Kufi";
	margin-bottom:15px;
}

.footer ul
{
	 padding-right:0px;
}

.footer .form-group {
    margin-bottom: 5px;    
    font-size: 12px;
}
.footer .form-control {
    display: block;
    width: 100%;
    padding: 0px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #f7f7f7;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0px;
}

.btn-danger {
    color: #fff;
    background-color: #0a8258;
    border-color: #0a8258;
}









.copyright
{
	padding:5px 0 5px 0;
	color:#006542;
	font-size:13px;
	text-align:left;
	line-height:30px;
	background-color:#fff;
	direction:ltr;
}

.copyright a
{	
color:#006542;
}


.copyright a:hover
{	
color:#c79b00;
}



.copyright .socials {
	position: relative;
	overflow: hidden;	
	margin-top:0px;
	text-align:right;
	margin-bottom:0px;

}
.copyright ul 
{
	padding-left:0px;
}
.copyright .socials li {
 display:inline-block;	
    width: 34px;
    height: 34px;
    padding-right: 3px;
    padding-top: 1px;
    }


.copyright .socials li a {
	width: 30px;
	height: 30px;
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #006542;	
	background: #fff;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);}

.copyright .socials li a:hover {
	background: #006542;
	color: #fff;
}



.pic-inner
{
	width:500px;
	height:auto;
	float:left;
	margin-right:30px ;
	margin-bottom:30px;
}


.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    margin-bottom:5px;
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}





a {
    color: #c79b00;
    text-decoration: none;
}





a:hover, a:focus {
    color: #006542;
    text-decoration: underline;
}

