@charset "utf-8";
/* CSS Document */
a[href^=tel]{ color:#FFFFFF; text-decoration:none;}
#header{
	width: 100%;
	float: left;
	position: relative;
	z-index: 100;
}
#header-wrapper {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	border-bottom: 1px solid #ededed;
}
#header-inner {
	width: 1100px;
	height: auto;
	min-height:30px;
	padding: 0px 0px;
	margin: 0px auto;
	position: relative;
}
.arabicbtn{
	float: right;
	background: #d0382d;
	color: #ffffff;
	text-decoration: none;
	padding: 15px 25px 25px 25px;
	font-size: 30px;
	line-height: 30px;
	transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;

}
.arabicbtn:hover{
    background: #7bb23d;
		-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.topcontactno{
	float: right;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 500;
	color: #5e5d5d;
	font-size: 22px;
	margin-right: 40px;
	margin-top:18px;
}
.topcontactno img{
	margin-right: 2px;
	vertical-align: text-top;
}
.contact-social{
  width: 140px;
  height: 35px;
  float: left;
  margin-left: 355px;
  margin-top: 16px;
	font-family: 'Roboto', sans-serif;
}
.contact-social img{
	width: 35px;
    transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
.contact-social img:hover {
	transform: rotatey(360deg);
     -webkit-transform: rotatey(360deg);
     -moz-transform: rotatey(360deg);
     -o-transform: rotatey(360deg);
     -ms-transform: rotatey(360deg);
     transition: 0.5s all ease;
     -webkit-transition: 0.9s all ease;
     -moz-transition: 0.9s all ease;
     -o-transition: 0.9s all ease;
     -ms-transition: 0.9s all ease;
}

.logo-bg{
	width: 300px;
	height: 170px;
	text-align: center;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:9;
    -moz-box-shadow: 1px -4px 10px #bbbcbc;
    -webkit-box-shadow: 1px -4px 10px #bbbcbc;
    box-shadow: 1px -4px 10px #bbbcbc;
}
.logo-bg img{
	margin-top: 5px;
}


#menu-wrapper {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}
#menu-inner {
	width: 1100px;
	height: auto;
	min-height: 70px;
	padding: 0px 0px;
	margin: 0px auto;
	position: relative;
}

.navigation{
	margin-top: 5px;
}


/*FOOTER*/
/*#footer-wrapper {
	width: 100%;
	float: left;
	height: auto;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
}
#footer-inner {
	width: 1100px;
	height: auto;
	padding: 10px 0px;
	margin: 0px auto;
}

.footer-matter{
	width: 100%;
	float: left;
	padding:15px 0px;
	color: #3f3f3f;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
  position: relative;
}
.footer-matter h4{
	color: #d0382d;
	font-family: 'Roboto', sans-serif;
	font-size: 20px;
	font-weight: 500;
	margin-bottom:10px;
}
.footer-logo{
  position: absolute;
  left: 0px;
  top: 0px;
  margin: auto;
  bottom: 0px;
  right: 0px;
  max-width: 80%;
}

.footer-link{
	float: left;
	width:300px;
}
.footer-link ul{
	float: left;
	width:130px;
	list-style:none;
}
.footer-link ul li{
	display:table;
	color: #161617;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height:25px;
}
.footer-link ul li a{
	color: #3f3f3f;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 400;
	text-decoration:none;
	transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;

}
.footer-link ul li a:hover{
	color: #582709;
	text-decoration:underline;

}

.footer-address{
	float: right;
	line-height:20px;
}
.footer-address img{
	margin-right:10px;
}
.footer-address span{
	font-weight: 600;
}

.footer-social{
	display: none;
}
.footer-social img{
	width: 35px;
    transition: all 0.3s ease;
   	 -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
.footer-social img:hover {
	transform: rotatey(360deg);
     -webkit-transform: rotatey(360deg);
     -moz-transform: rotatey(360deg);
     -o-transform: rotatey(360deg);
     -ms-transform: rotatey(360deg);
     transition: 0.5s all ease;
     -webkit-transition: 0.9s all ease;
     -moz-transition: 0.9s all ease;
     -o-transition: 0.9s all ease;
     -ms-transition: 0.9s all ease;
}





.footer-copy{
	width: 100%;
	float: left;
  background: #d0382d;
	padding:15px 0px ;
	text-align:center;
  font-weight: 300;
}
.footer-copy span{
	width: 100%;
	float:left;
  color: #fff;
  font-family: 'Roboto', sans-serif;
	font-size: 13px;
  line-height: 15px;
}*/


/*FOOTER*/
#footer-wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:20px 0px;
  margin:0px;
	background:#1b1b1b;
}
#footer-inner{
	width:1100px;
	min-height:95px;
	height:auto;
	padding:0px;
	margin:0px auto;
	color:#FFF;
  font-family: 'Roboto', sans-serif;
}
.footer-logobg{
	width:23%;
	float:left;
	min-height:100px;
	display:block;
}
.footer-logobg img{
	float:left;
	max-width:90%;
}
.footer-linksbg{
	width:30%;
	float:left;
	min-height:100px;
	padding-left:1%;
	display:block;
}
.menu_div {
	float:left;
}
.menu_divm {
	margin-left:60px;
}
.menu_div ul{
    padding:0px;
    margin:0px;
}
.menu_div ul li{
	list-style: none;
  line-height:27px;
}
.menu_div ul li a{
	  font-family: 'Roboto', sans-serif;
    text-decoration:none;
    color:#FFFFFF;
    display:block;
	font-size:14px;
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
.menu_div ul li a:hover{
    color:#d2372d;
	text-decoration:underline;
}
.footer-contactbg{
	width:23%;
	float:left;
	min-height:100px;
	display:block;
	word-wrap: break-word;
}
.footer-contactbg span{
	  font-family: 'Roboto', sans-serif;
	font-size:14px;
	float:left;
	width:100%;
	margin-bottom:10px;
	color: #FFFFFF !important;
	text-decoration: none !important;
}
.footer-contactbg span img{
	float:left;
	margin-right:10px;
	margin-top:5px;
}
.footer-addressbg{
	width:21%;
	float:left;
	min-height:100px;
	padding-left:2%;
	background:url(../images/footer-icon1.png) no-repeat left top;
	  font-family: 'Roboto', sans-serif;
	color:#FFF;
	font-size:14px;
	line-height:20px;
	display:block;
	word-wrap: break-word;
}



/*FOOTER COPY*/
#footercopy-wrapper{
	width:100%;
	float:left;
	height:auto;
	padding:0px;
  margin:0px;
	background:#1b1b1b;
}
#footercopy-inner{
	width:1100px;
	min-height:20px;
	height:auto;
	padding:0px;
	margin:0px auto;
	border-top:1px solid #2c2c2c;
}
#footercopy-inner p{
	color:#FFF;
	font-family: 'Roboto', sans-serif;
	font-weight:lighter;
	font-size:14px;
	text-align:center;
	float:left;
	width:100%;
	margin-bottom:15px;
}
.footer-socialbg{
	width:100%;
	float: left;
	text-align: center;
	padding: 10px 0px;
}
.footer-socialbg img{
	transition: all 0.3s ease;
     -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
}
.footer-socialbg img:hover{
	transform: rotatey(360deg);
     -webkit-transform: rotatey(360deg);
     -moz-transform: rotatey(360deg);
     -o-transform: rotatey(360deg);
     -ms-transform: rotatey(360deg);
     transition: 0.5s all ease;
     -webkit-transition: 0.9s all ease;
     -moz-transition: 0.9s all ease;
     -o-transition: 0.9s all ease;
     -ms-transition: 0.9s all ease;

}


/* -------------------------------  Media Query  ------------------------------- */

@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1150px) {
	#header-inner {
		width: 96%;}
	#menu-inner {
		width: 96%;}
  #footercopy-inner {
		width: 96%;}
	#footer-inner {
		width: 96%;}
}
 @media screen and (max-width: 1100px) {
}
@media screen and (max-width: 1070px) {
	.footer-logobg{
		width:100%;min-height:50px; text-align:center; padding-bottom:20px;}
	.footer-logobg img{
		float:none;	max-width:90%;}
	.footer-linksbg{
		width:37%;}
	.footer-contactbg{
		width:30%;}
	.footer-addressbg{
		width:30%;	}

}
 @media screen and (max-width: 1024px) {

}
 @media screen and (max-width: 1000px) {
	 .topcontactno{
			font-size: 20px;
			margin-right: 20px;}
			.arabicbtn{
				margin-right: 39px;}
			.navigation{
				margin-top: 0px;}
			#menu-inner {
				min-height:0px;}
			.logo-bg{
				height: 130px;
			 width: 220px;}
			.logo-bg img{
				width: 100%;
				margin-top:10px; }

}
@media screen and (max-width: 960px) {





}
@media screen and (max-width: 950px) {

	.contact-social{
		 margin-left: 270px;
	 }

}

 @media screen and (max-width: 900px) {
	 .contact-social{
	   float: right;
	   margin-left: 0px;
	 }

   .footer-logo{
     left: -100px;  }
	 .logo-bg{	}
 .logo-bg img{
 	 margin-top: 5px; }

}
@media screen and (max-width: 860px) {
}
 @media screen and (max-width: 850px) {
	 .footer-linksbg{
		width:200px; }
	.menu_div {
		float:left; width:100%;}
	.menu_divm {
		float:left; margin-left:0px;}
	.divall{
		float:right;width:260px;}
	.footer-contactbg{
		width:100%; margin-bottom:10px;}
	.footer-addressbg{
		width:92%;padding-left:8%;	}

}
@media screen and (max-width: 800px) {
  .footerlogo{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .footer-logo{
    position: static; }
  .footer-link{
    width: auto;  }
  .footer-link ul{
  	width:100px;  }



}
 @media screen and (max-width: 700px) {
	 .contact-social{
	 	display: none;
	 }
	 .footer-social{
	 	display:block;
		margin-top: 10px;
	 }


		.logo-bg{
			height: 110px;}
		.logo-bg img{
		 margin-top: 10px; }

}
 @media screen and (max-width: 660px) {

}
 @media screen and (max-width: 640px) {

}
 @media screen and (max-width: 603px) {
}
 @media screen and (max-width: 560px) {
	 .arabicbtn{
	 	padding: 10px 15px 18px 15px;
	 	font-size:20px;
	 	line-height: 20px; }
 .topcontactno{
	 float: left;
	 text-align: center;
	 font-size: 18px;
	 margin-right: 0px;
	 margin-top:0px;
	 padding: 10px 0px;}
 .topcontactno img{
	width: 22px;}
 .logo-bg{
	 width: 100%;
	 padding: 10px 0px;
	 height: auto;
	 position: static;
	 float: left;
	 box-shadow: none;
	 border-top: 1px solid #ededed; }
 .logo-bg img{
	 width: 250px; max-width: 90%; margin-top: 0px;}


	 .footer-linksbg{
	 		width:98%; margin-bottom:15px; display:block;}
	 	.divall{
	 		float:left;width:99%;display:block;}
	 	.menu_div {
	 		float:left; width:50%;}
	 	.menu_divm {
	 		float:left; margin-left:0px;}	

}


 @media screen and (max-width: 520px) {
   .footer-link{
   width:100%; padding-left:20px;}
 .footer-address{
   width:100%; padding-left:20px; margin-top: 15px;}
 .footer-link ul{
   width:100%;}
 .footer-link ul li{
   display:inline-block; margin-right:20px;}

  }


 @media screen and (max-width: 460px) {

}
 @media screen and (max-width: 360px) {

}
 @media screen and (max-width: 320px) {
}
 @media screen and (max-width: 300px) {
}
@media screen and (max-width: 240px) {
}