.animated {
  animation-duration: 0.2s;
  animation-fill-mode: both;
}



@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  animation-name: slideInRight;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  animation-name: zoomIn;
}




body { font-family: roboto, helvetica, arial, sans-serif; }
* { margin: 0; padding: 0; }


	select {
		height: 30px;
		border-radius: 30px;
		padding: 0 10px;	
		outline: none;	
	}
		.ios select { border-radius: 0; }

	input[type="text"] {
		height: 30px;
		border-radius: 30px;
		padding: 0 10px;		
		outline: none;
		border: 1px solid grey;
	}

.header .filter-item > input[type="checkbox"] { margin-left: 15px; }
.header .filter-item span > img { height: 28px; margin-top: -12px; cursor: pointer;}

.cityCountrySelector .filter-item span.english { display: block; }
.cityCountrySelector .filter-item span.arabic { display: none; }
.ar .cityCountrySelector .filter-item span.english { display: none; }
.ar .cityCountrySelector .filter-item span.arabic { display: block; }


.loc-addr span { display: block;  }
	.loc-addr span strong { color: #E4002B;  }
.loc-addr3 { font-weight: bold; }
.loc-directions a { display: inline-block; padding: 8px 20px; margin-top: 10px; text-decoration: none !important; 
    background: black;
    text-transform: uppercase;
    font-weight: bold !important;
    color: #fff !important;
    font-size: 12px;
min-width: 50px;
    text-align: center;	
}

	.list-content > div.ar { display: none; }

	.ar .list-content > div { display: none; }
	.ar .list-content > div.ar { display: block; text-align: right; }
	.ar .list-content > div.ar.phone { }
	.ar .list-content > .loc-timming { display: block; }

.ar .bh-sl-container .bh-sl-loc-list .list-label { float: right; }

.bh-sl-container .bh-sl-loc-list .list-label { background: #E4002B; }

.gm-style-iw { line-height: 18px; }
.gm-style-iw div span { display: block; }
	.gm-style-iw div span strong { color: #E4002B; }
.gm-style-iw .loc-dist { color: #8e8e8e;
    font-weight: bold;
    font-style: italic; }
	
.ar .bh-sl-container .bh-sl-loc-list .list-details	{
	float: right;
}
.ar .bh-sl-container .bh-sl-loc-list .list-label {
	margin-left: 0;
	margin-right: 15px;
}

.list-content .fax, .list-content .phone, .list-content .email { }
.ar .list-content .fax, .ar .list-content .phone, .ar .list-content .email { text-align: right; }

.list-content .fax span, .list-content .phone span, .list-content .email span { display: inline; font-weight: bold; color: #E4002B; }



	
.header { background: #fff; color: #000; padding: 10px 20px; overflow: hidden; }	
	.header .homeBtn { float: left; display: inline-block; padding: 4px 10px 1px; margin-right: 20px; }
		.header .homeBtn img { width: 22px; }
	.header select { float: left; margin-right: 10px; }
	.header .filter-item { Ddisplay: none; font-size: 12px; padding: 8px 0; float: left; }
		.header .filter-item input { float: left; margin-right: 5px; }
		.header .filter-item span { display: block; float: left; }
	.header .cityCountrySelector { float: left; }
	.header .language { float: right; background: #fff; color: #000; border: 1px solid #444a52; }
		.ios .header .language { color: #000; }
	.header .language.mobile { width: 60px; }

.bh-sl-container { padding: 0; }
	.bh-sl-container .bh-sl-map-container { margin: 0; }

.LocationListView { position: absolute; z-index: 99999; bottom: 50px; left: 20px; font-weight: bold; font-size: 12px; background: #fff; color: #000; opacity: 0.9; padding: 0 10px; border-radius: 50px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); cursor: pointer; }
	.ios .LocationListView { bottom: 150px; }
	.LocationListView img { float: left; width: 20px; padding-top: 7px; padding-bottom: 5px; }
	.LocationListView p { float: right; margin: 0; margin-left: 10px; border-left: 2px solid #d8d8d8; padding: 10px 0 10px 10px; display: inline-block; }

	.LocationListView .ar { display: none; }
	.ar .LocationListView span { display: none; }
	.ar .LocationListView .ar { display: block; }
	
	.list-content .id { height: 0; width: 0; opacity: 0; margin: 0; padding: 0; }
	
	
@media ( max-width: 1024px ) {
	
	/* Mobile */
	
	.header .homeBtn { display: none; }
	
	.bh-sl-loc-list { 
		display: none;
	}
	
	.header select {
		height: 18px;
		font-size: 12px;
		width: 90px;
		margin-right: 4px;
	}
	
	.header .filter-item { padding: 3px 0 0 0; }
	.header .filter-item .english span:first-child { display: none; }
	.header .filter-item .arabic span:first-child { display: none; }
	
	
	
	.header .language option span:first-child { display: none; } 
	
	.header .language.desktop { width: 0; height: 0; opacity: 0; overflow: hidden !important; margin: 0; padding: 0; border: 0 none; } 

	.LocationListView { display: block; }
	
	.gm-style .list-content { max-width: 220px; }
	
	.infoWindow.list-content, .gm-style-iw { min-width: 220px !important; }

	
}

@media ( min-width: 1024px ) {
	
	/* Desktop */
	
	.bh-sl-loc-list { 
		display: block;
	}	
	
	.header .filter-item .english span { display: none; }
	.header .filter-item .english span:first-child { display: block; }
	
	.header .filter-item .arabic span { display: none; }
	.header .filter-item .arabic span:first-child { display: block; }
	
	.header .language option span { display: none; } 
	.header .language option span:first-child { display: block; } 	
	
	.header .language.mobile { width: 0; height: 0; opacity: 0; overflow: hidden !important; margin: 0; padding: 0; border: 0 none; }
	
	.LocationListView { display: none; }
	
	#bh-sl-map, .bh-sl-loc-list { display: block !important; }
	
	.gm-style .list-content { max-width: 420px; }
}


.clipboardAccess.hide { height: 0; width: 0; margin: 0; padding: 0; overflow: hidden; opacity: 0; }

.hware1 { display: block; }
.hware0 { display: none; }

.csmtc1 { display: block; }
.csmtc0 { display: none; }