html{overflow-x:hidden; }

body{width:100%;background-color:rgba(27, 38, 44, 0.1);}
.ar{font-family: 'Cairo', sans-serif !important;}
.navbar-header button{
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
}
 
.badge{
	background-color: #2181c1 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    padding: 10px !important;
	font-size:15px !important;
	margin-left:10px;
}
.navpad{margin-top:120px !important;}
/* Here we change the color of the collapse menu items background */
.navbar-default, .navbar-default .navbar-form{
	background-color: rgba(51, 122, 183, 0.9);
	border:none;
	
}
@media screen and (min-width: 768px){
	.navbar-default .navbar-collapse{
	background-color:transparent;
	}
}
@media screen and (max-width: 768px){
	.navbar-default .navbar-collapse{
	background-color:rgba(51, 122, 183, 0.9);
	border:none;
	}
	.badge{

	margin-left:0;
	margin-top:10px;
	}
}

.navbar-right{
	
    font-size: medium;
}
/* here we change color of text in menu items  */
.navbar-default .navbar-nav>li>a{
	color:white;
	}

	/* Here you can change the hover color of the menu items */
.navbar-nav li a:hover,.navbar-nav li a:focus,.navbar-nav li a:active{
    color: #094c72 !important;
    background-color: rgba(20, 113, 167, 0.6) !important;
	
}
.activ{
	color: #094c72 !important;
    background-color: rgba(20, 113, 167, 0.6) !important;
}
.navbar-fixed-top {
    max-height: 100px;
}

.logo{
	width:auto; 
	height:100px;
}
.navbar-brand {
    float: left;
    height: auto;
    padding: 0;
    font-size: 0;
    line-height: 0;
}
@media screen and (max-width: 768px){
	.navbar-brand img{padding:10px;}
}

/* here we change the collapse button color on hover */
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background-color:rgba(20, 113, 167, 0.6) !important;
	
}
/* here we change the collapse button color+other */
.navbar-toggle{
	padding: 12px 15px;
    margin-top: 30px;
	border: 2px solid;
	border-color:#19567f !important;
	
}
/* Here we change the collapse button three bars color */
.navbar-default .navbar-toggle .icon-bar{
	background-color:#19567f !important;
}
@media screen and (min-width: 768px) {
	.navbar-nav > li > a {
		padding-top: 40px;
		padding-bottom:40px;
	   
	  }
}

@media screen and (max-width: 768px) {
	.navbar-nav > li > a {
		line-height:30px;
	  }
}

.blue{background-color: #2181c1;}
.txtblue{color: #2181c1;}
hr{ border-top: 3px solid #2181c1;}
.page-header { border-bottom: 3px solid #2181c1;}