@charset "utf-8";
/* CSS Document */
body, html {width:100%; height:100%; overflow:auto !important;}
	
body {margin:0!important;padding:0!important;background-color: #FFF;}
	
body,td,th { color: #313133; }

#headerNavigation .navigation a .progressIndicator { background-color: #000000 !important; }

.scrollindicator-nohtml5 { background-color:#000000; }

.email_us {display:block; margin-top:50px; clear:both; }
.email_us a {text-decoration:none; outline:none; font-weight:bold; color:#313133; }
.email_us a:hover {text-decoration:none; outline:none; font-weight:bold; color:#999999;}

.Get_Directions {text-decoration:none !important; color:#313133 !important; font-weight:500 !important;}
	
	
#gmap_contact {width: 100%; height: 100%;margin:0!important;}

.iframeMap {z-index: 999999999999}

.changeMapAbuDhabi , .changeMapBeirut , .changeMapMussafah 
{
cursor: pointer;
-webkit-tap-highlight-color: transparent;
}

#accordion {
	z-index: 9999999;
	background-color: white !important;	
}
.ui-accordion-header {
	padding-right: 0 !important;
	background-color: white !important;

}
.ui-widget-header {
	background-color: white !important;

}
#accordion .ui-accordion-icons {
	
}
.h3Contact { font-size: 15px !important; }

.ui-accordion-header.ui-state-active , .ui-accordion-header.ui-state-default {
	font-size: 15px !important;
	font-weight: 700 !important;
	background: none !important;
	background-color: white !important;
	color: black !important;
	margin-top: 10px !important;
	border: none !important;
}

.ui-accordion-content {
	padding-left: 33px!important;
	border: none !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-right: 0 !important;
	/*background-color: white !important;*/
	

}




a.social_img_contact {
	display:block !important;
	float:left !important;
	border:none !important;
	border-image:none !important;
	outline:none !important;
	background-repeat:no-repeat !important;
	cursor:pointer !important;
	-webkit-tap-highlight-color: transparent !important;
	width:18px !important;
	height:18px !important;
	margin: 0px 22px 5px 0 !important;
	padding: 0 !important;
	
	}

div.social_container_contact {
	display: block !important;
	clear: both !important;
	background:none !important;
	overflow:hidden !important;
	
	height:auto!important;
	margin: 0  !important;
	margin-top:6px !important;
}


.social_facebook_contact {
	background-image:url(../images/social/f_black.png); background-size:contain;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	z-index:1000000 !important;
	}
.social_linkedin_contact {
	background-image:url(../images/social/in_black.png); background-size:contain;
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
	}



.containerContact {
    display: table !important;
    position: relative !important;
    height: 100% !important;
}

div.contact_spacer {min-height: 30px;}
.middleContainer {
    display: table-cell;
    vertical-align: middle;
}





.containerContact2  {
	
    position: relative !important;
	display: block;
	padding-top:95px ;
	margin-right: auto !important;
	z-index:100;

}

.containerMapContact  {
  	display: block;
	/*margin-right: auto !important;
	margin-left: auto !important;*/
	/*z-index:-100000 !important;*/
	width: 100% !important;
	height: 100% !important;
	position: absolute;
}



.innerContainerContact2 , .innerContainerContact3 {
	background-color: white;
	padding:  7.5px 15px 15px 7.5px !important;
	margin-bottom: 0px !important;
	
	margin-right: auto !important;
	z-index:100;
	border-radius: 4px;
	height: 282px !important;
	display: inline-block;
	position: absolute;
	top: 80px !important;

	

	
}


h1.h1contact {
	font-size: 15px !important;
}



.ui-widget-content {background-image: none !important;}




@media all and (min-width: 1600px) {
		
.container_contact  { width: 1200px; }
.containerMapContact {display: block; }

.innerContainerContact2 , .innerContainerContact3 {
	width: 240px;
	margin-left: 25px !important;
	} 
	
.h1contact {
	cursor: pointer !important;
	-webkit-tap-highlight-color: transparent !important;
}	
	
}

@media all and (min-width: 960px) and (max-width: 1599px) {

.container_contact  { width: 950px; }
.containerMapContact {display: block; }


.innerContainerContact2 , .innerContainerContact3 {
	width: 240px;
	margin-left: 25px !important;
	
	}   
.h1contact {
	cursor: pointer !important;
	-webkit-tap-highlight-color: transparent !important;
	}	
	
}


@media all and (min-width: 769px) and (max-width: 959px) {

.container_contact  { width: 90%; }
.containerMapContact {display: block; }


.innerContainerContact2 , .innerContainerContact3 {
	width: 240px;
	margin-left: 25px !important;
	
	}   
.h1contact {
	cursor: pointer !important;
	-webkit-tap-highlight-color: transparent !important;
	}	
}


@media all and (min-width: 601px) and (max-width: 768px) {

.container_contact  { width: 95%; }

.containerMapContact {display: block; }

.innerContainerContact2 , .innerContainerContact3 {
	width: 240px;
	min-width: 200px;
	margin-left: 15px !important;
	}
	
.h1contact {
	cursor: pointer !important;
	-webkit-tap-highlight-color: transparent !important;
	}	

}
 

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media all and (min-width: 481px) and (max-width: 600px) {

.container_contact  { width: 95%; }


	
.containerMapContact {display: none; }

.innerContainerContact2{
	width:90%;
	margin-left: 15px;
	margin-right: auto;
	margin-bottom: 40px !important;
	}

.h1contact {cursor: default!important;}	

}
		
@media all and (max-width: 480px) {
.container_contact  { width: 95%; }


	.containerMapContact {display: none; }
	.h1contact {cursor: default!important;}	

.innerContainerContact2{
	width:90%;
	margin-left: 15px;
	margin-right: auto;
	margin-bottom: 40px !important;
	}
}
		

@media all and (min-height: 442px) and (min-width: 601px) {
.innerContainerContact2 {
	position: absolute !important;
	top: 50% !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
	}
}


@media all and (max-height: 380px) and (min-width: 601px) {
.innerContainerContact2 {
	position: absolute !important;
	overflow-y: scroll ;
	bottom: 0px !important;
	height: auto !important;
	}
	div.social_container_contact{
		display: none !important;
	}
}