/*







Theme Name: شركه ثقة الاوقاف










Author: heba gamal





Version: 1.0.0







*/


@font-face {
    font-family: "droidkufiregular";
    src: url('fonts/droidkufiregular/droidkufi-regular.eot');   
     src: url("fonts/droidkufiregular/droidkufi-regular.eot") format("eot"),
         url("fonts/droidkufiregular/droidkufi-regular.otf") format("opentype"),
         url("fonts/droidkufiregular/droidkufi-regular.ttf") format("truetype"),
         url('fonts/droidkufiregular/droidkufi-regular.svg#JFFlatRegular') format('svg');
}

html{

	width:100%;
}

/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
  #myNavbar ul{
  float:left;
  padding-top:15px;
}

#myNavbar ul li{

 
    float:left;
 
}
.menu-download a,.menu-download a{
  color: #173744;
  border:1px #a92418 solid;
  line-height:25px;
margin:30px 15px 50px 10px;
font-size:18px;
display:block;
float:right;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 


	padding: 5px 15px;
	text-decoration: none;
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
   font-family: 'Abel', sans-serif;
}
@media only screen and (max-width:768px) {
.menu-download a,.menu-download a{
  color: #173744;
  border:1px #a92418 solid;
  line-height:25px;
margin:5px 15px 10px 10px;
font-size:18px;
display:block;
float:left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; 


	padding: 5px 15px;
	text-decoration: none;
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
   font-family: 'Abel', sans-serif;
}

}
#myNavbar ul li a{
 font-size:17px;
   font-family: 'Abel', sans-serif;

}

 .top-bar{
	position:relative;
	display:block;
	width:100%;
	padding:7px;
}
.navbar-header{

	padding:10px 0px;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 1px;
    background-color: #fff;
    margin: 6px 0;
    transition: 0.4s;
}

/* Rotate first bar */
.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
    transform: rotate(-45deg) translate(-9px, 6px) ;
}

/* Fade out the second bar */
.change .bar2 {
    opacity: 0;
}

/* Rotate last bar */
.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
    transform: rotate(45deg) translate(-8px, -8px) ;
}

.primary-menu{
		    padding-right: 0px;
    padding-top: 0px;

}
ul.primary-menu,
div.primary-menu > ul {
	margin: 0;

}

.primary-menu li {
	display: inline-block;
	position: relative;
	margin-top:10px;
	
}
.primary-menu .current-menu-item a{
 color: #a92418;
   
    text-shadow: 0 0 10px #FFFFFF;

}

.primary-menu li a {
	  	display: block;
 border:none;
	padding: 10px 7px;
	text-decoration: none;
	-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
   font-family: 'Abel', sans-serif;

}
@media only screen and (max-width: 768px) {
.primary-menu li a {
	  	display: block;
 border:none;
	padding: 2px 7px;
}
}

.primary-menu li:hover > a,
.primary-menu li a:hover {
 
   color: #a82b1f;
    text-shadow: 0 0 10px #FFFFFF;

}


.primary-menu .sub-menu,
.primary-menu .children {
 background: #cba343;
	margin-top: -8px;
	display: none;
	padding: 0;
	position: absolute;
	left: 0px;
	z-index: 99999;
	
}

.primary-menu .sub-menu ul,
.primary-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.primary-menu ul a,
.primary-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 220px;
	padding-bottom:0px;
	margin-bottom:0px;
    color: #fff; font: 2px DroidArabicNaskh, sans-serif;
    border-bottom:1px #bc973c solid;
-webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;
 

	  
}

ul.primary-menu ul a:hover,
.primary-menu ul ul a:hover {
background:#0a7154;
color:#fff;


}

ul.primary-menu li:hover > ul,
.primary-menu ul li:hover > ul {
	display: block;
}
@media only screen and (max-width:768px) {
.primary-menu .sub-menu,
.primary-menu .children {
 background: #333;
	margin-top: -8px;
	display: none;
	padding: 0;
	position: relative;
	left: 0px;
	z-index: 99999;
	
}

.primary-menu {
 background:#FFFFFF;
 padding:0px;
 margin:0px; width:100%;
 }

.primary-menu ul li {
 width:100%;
 }
#menu-item-59 a{
 max-width:300px;

}


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  	float:left;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float:left;
}}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
 	float:left;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
   float:left;}
}