/* EL DEYME */
body {
  z-index: 1;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;

  overflow-y: auto;
    z-index: 999;
}

.sticky+.content {
  padding-top: 40px;
  overflow-y: auto;
  
    z-index: 999;
}

.zzz {
  z-index: 999;
}
/* EL DEYME */



.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: ;
}

.navbar-nav>li>.dropdown-menu {
border:0px;
}

 .logo_left img{
	height: 95px !important;
	margin-top:15px;
}
@media (max-width: 768px) {
 .logo_left img{
	height: 80px !important;
	width: 220px !important;
	margin-top:15px;
	margin-left:68px;
}
}
@media (max-width: 992px) {
 .logo_left img{
height: 107px !important;
    width: 277px !important;
    margin-top: 15px;
    margin-left: 45px;
}
}

.navbar-default .navbar-nav>li>a {
	color: #fff !important;

}
.navbar li a:hover, .navbar li a:focus{
	color: #fff !important;
}
.navbar-collapse .navbar-nav>li>a:focus {
	color: #fff !important;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #2d3436;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
border:0px;	
}	
/* navbar for mobile */
@media (max-width: 768px) {
	.dropdown-menu{
		background-color: #fff !important;
		
	}
	.dropdown-menu li a{

			color: #dddfd4;
	}	
	.dropdown-menu li a:hover{
		color: #222 !important;
		background: rgba(0,162,233,1);
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-submenu li a:hover,
.dropdown-submenu li a:focus {
	/*padding-left: 25px;*/
	color:#000;
	/*background-color: #323232 !important;*/
	    background: rgba(0,162,233,1);
}


	.dropdown-submenu ul li{
		padding-left: 20px !important;
		font-style: italic;
	}


}

 .rabite_logo {
    height: 135px !important;
    margin-left:360px;
}
@media (max-width: 768px) {
	.rabite_logo {
        margin-top: 15px;
        margin-left:90px;
		height: 130px ;
	
	}
}
@media (max-width: 992px) {
	.rabite_logo {
        margin-top: 15px;
		margin-left:90px;
	    height: 130px ;
		
	}
}

.logo_rabita {
	
}
.logo_rabita img {
	margin-top:22px;
	margin-left:6px;
    width: 275px;
    height: 70px;
}
@media only screen and (max-width: 576px) {
	.logo_rabita img {
	width: 112px;
	margin-top:10px;
	margin-bottom:10px;
	height:100px;
	margin-left:12px;
}
}


@media only screen and (max-width: 768px) {
	.logo_rabita img {
	width: 112px;
	margin-top:10px;
	margin-bottom:10px;
	height:100px;
	margin-left:12px;
}
}

@media only screen and  (max-width: 992px) {
	.logo_rabita img {
    width: 290px;
	margin-bottom:10px;
	height:73px;
	/*margin-left:125px;*/
	margin-top:12px;		
	margin-right:47px;		

}
}


.menu-icon {
	margin-left:20px;
        padding: 15px 10px 15px 0;
		}
       .menu-icon ul li a {
          color: #b8cce8; }
           .menu-icon ul li a:hover {
            color: #0066ff; }
 .menu-icon ul li {
      display: inline-block; }
.menu-icon ul li a {
	 text-decoration:none;
        color: #fff;
        margin-left: 25px;
        .menu-icon ul li a:hover {
          color: #f16001; 
		  text-decoration:none;
		  }			


.navbar-default .navbar-nav>.open>a {
background-color:#2d3436;
}
.navbar-default .navbar-nav>.open>a:hover {
background-color:#2d3436;
}
.navbar-default .navbar-collapse, .navbar-default {
    border-color: #2d3436;
}
.active a{
	background-color: white !important;
	font-weight: bold;
	color: #2d3436 !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
background-color:#2d3436;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
border:0px;
}

#header1 {
	position: relative;
	height: 100px;
	background: #fff;
}

.logo {
	float: left;
	line-height: 100px;
}

.logo_size {
	
}


.logo .site {
	max-width: 335px;
	margin-bottom:16px;
}
.logo .site-mobile {
	width: 49px;
}
.footer_logo img {
	max-height: 68px;	
}

@media (min-width: 1200px) {	
	.logo .site {
		width: 513px;
	}	
	.footer_logo img {
		height: 68px;	
	}
}

.search {
	position: relative;
	float: left;
	width: 190px;
	height: 46px;
	margin-top: 40px;
	margin-right: 80px;
	background: #f1f3f4;
	border: 0;
	border-radius: 10px;
}	

@media (max-width: 768px) {
	/*
	.search {
	position: relative;
	float: left;
	width: 150px;
	height: 46px;
	margin-top: 27px;
	margin-right: 35px;
	background: #f1f3f4;
	border: 0;
	border-radius: 10px;
}*/
.search{
	display:none;
}
}


@media (max-width: 992px) {
	/*
.search {
	position: relative;
	float: left;
	width: 150px;
	height: 46px;
	margin-top: 27px;
	margin-right: 35px;
	margin-left:10px;
	background: #f1f3f4;
	border: 0;
	border-radius: 10px;
}	
*/
.search{
	display:none;
}
}
@media (max-width: 768px) {
.search input[type="text"] {
display:none;
}	
}

@media (max-width: 992px) {
.search input[type="text"] {
display:none;
}
}


.search input[type="text"] {
	display: block;
	width: 100%;
	height: 46px;
	padding: 0 25px 0 20px;
	font-size: 16px;
	font-weight: 400;
	color: #5f6368;
	background: transparent;
	border: 0;
}

.search input[type="text"]::-webkit-input-placeholder {color: #5f6368;}
.search input[type="text"]::-moz-placeholder {color: #5f6368;}

.search button[type="submit"] {
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	border: 0;
	background: url(icon-search-btn.png2) no-repeat center;
	background-size: 100%;
	border: 0;
	position: absolute;
	top: 50%;
	right: 15px;
	z-index: 10;
}


@media (max-width: @iphone-screen) {
	
}

.call_center {
	float: left;
	margin-top:13px;
	margin-right: 80px;
	padding-top: 32px;
}
@media (max-width: 768px) {
.call_center {
	float: left;
	margin-right: 70px;
	padding-top: 32px;
}
}
@media (max-width: 992px) {
	.call_center {
	float: left;
	margin-right: 70px;
	padding-top: 32px;
}
}



.call_center .ft {
	display: block;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	color: #12658c;
}

.call_center .fn {
	display: block;
	margin-top: 3px;
	padding-left: 25px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1;
	color: #12658c;
	background: url(../images/icon/icon-phone.png) no-repeat left top 3px;
}

.logo_rabita {
	float: left;
	line-height: 100px;
}

@media (max-width: 768px) {
	.logo_rabita {
	float: left;
	line-height: 100px;
}
}

@media (max-width: 992px) {
	.logo_rabita {
	float: left;
	line-height: 100px;
}
}