

#slider ul li {
	  position: relative;
	  display: block;
	  float: left;
	  margin: 0;
	  padding: 0;
	  width: 500px;
	  height: 500px;
	  background: #000;
	  text-align: center;
	}
	
	#slider {
	  position: relative;
	  overflow: hidden;
	  margin: 0px auto 0 auto;
	}
	
	
	#slider ul {
	  position: relative;
	  margin: 0;
	  padding: 0;
	  height: 500px;
	  list-style: none;
	}

	#sending-input {
		border: 0px;
		background: none;
		width: 85%;
		font-size: 17px;
	}

	.box.place-item {
		padding: 0px;		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;

	}
	
	.place-distance {
		text-align: right;	
		background-image: url(/static/img/icons/arrow-icon.png);
		background-repeat: no-repeat;
		background-size: 12px 12px;
		background-position: 61% 5px;
	}
	
	.text-padding {
		padding: 5px 10px;	
		height: auto !important;
	}
	
	#place-title {
		font-size: 18px;	
	}
	
	.item-box {
		height: 66px;	
	}
	
	#place-title-hour {
		text-align: center;
		font-size: 14px;	
		background: #f3f3f3;
		color: black;
		margin-bottom: 10px !important;
	}
	
	#place-datas,
	#place-address,
	#place-hour {
		padding: 10px 0px;
		color:white;	
	}
	
	#place-address {
		font-size: 13px;	
	} 
	
	#place-datas > div {
		padding: 0px;
	}
	
	.item-distance,
	.item-title {
	}
	
	#slide_3 .section {
		margin-bottom: 0px;	
	}
	
	.item-title {
		text-align: left;	
	}
	
	.item-distance {
		text-align: right;	
		background-image: url(/static/img/icons/arrow-icon.png);
		background-repeat: no-repeat;
		background-size: 12px 12px;
		background-position: 54% 2px;
	}
	
	.place-item-data {
		padding: 10px 0px 10px;
		overflow: hidden;
		-webkit-border-bottom-right-radius: 5px;
		-webkit-border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
		-moz-border-radius-bottomleft: 5px;
		border-bottom-right-radius: 5px;
		border-bottom-left-radius: 5px;
	}
	
	.bg-picture {
		background-repeat: no-repeat;
		background-size: 100% 100%;
		height: 100px;
		width: 100%;
		overflow: hidden;
		-webkit-border-top-left-radius: 5px;
		-webkit-border-top-right-radius: 5px;
		-moz-border-radius-topleft: 5px;
		-moz-border-radius-topright: 5px;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	
	.bg-picture-site-fr-01 {
		background-image: url(/static/img/places/cafedelhomme.png);
	}

	.bg-picture-01 {
		background-image: url(/static/img/places/01.png);
	}
	
	.bg-picture-shoe {
		background-image: url(/static/img/places/shoe.png);
	}
	
	.bg-picture-driver {
		background-image: url(/static/img/places/driver.png);
	}
	
	.bg-picture-02 {
		background-image: url(/static/img/places/02.png);
	}
	
	.bg-picture-04 {
		background-image: url(/static/img/places/last.png);
	}
	
	textarea, input, button { outline: none; }
	
	html,
	body {
		padding: 0px;
		margin: 0px;
	}
	
	.animitem {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
		filter: alpha(opacity=00);
		-moz-opacity: 0;
		-khtml-opacity: 0;
		opacity: 0;
	}
	
	.animitem.fixed-bottom {
		position: fixed;
		top: 422px;	
		width: 270px;
		z-index: 2000;
		background: #000;
	}
	
	.element {
		padding: 0px;
		text-align: left;
	}
	
	.section {
		margin: 15px 0px;	
		clear: both;
	}
	
	.weather {
		color: white;
		background: #575975;
		height: 30px;
	}
	
	.weather > div {
		padding-top: 4px;	
	}
	
	#hello-message {
		background-image: url(/static/img/icons/hand.png);
		background-repeat: no-repeat;
		background-size: 30px 30px;
		color: white;
		font-size: 12px;
		padding: 3px 0 2px 40px;
		background-position: 0px 3px;
	}
	
	.border-radius {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	
	}

	.input-box {
		border: solid 1px #d0d0d0;
		background: #171820;
		padding: 9px 0 10px 31px;
		font-size: 12px;
		color: white;
		width: 100%;
		background-image: url(/static/img/icons/drop.png);
		background-repeat: no-repeat;
		background-size: 11px 15px;
		background-position: 250px 5px;
	}
	
	.input-box.sms {
	  background-image:url("/static/img/icons/icon_sms.png");
	  background-position:8px 4px;
	  background-repeat:no-repeat;
	  background-size:40px;
	}
	
	
	
	.input-box.email {
	  background-image:url("/static/img/icons/icon_mail.png");
	  background-position:8px 4px;
	  background-repeat:no-repeat;
	  background-size:40px;
	}
	
	.searching {
		border: solid 1px #d0d0d0;
		background: #171820;
		padding: 3px;
		font-size: 12px;
		color: white;
		width: 100%;
		background-image: url(/static/img/icons/drop.png);
		background-repeat: no-repeat;
		background-size: 11px 15px;
		background-position: 250px 5px;
	}
	
	.searching.find {
		background-image: url(/static/img/icons/search.png);
		background-repeat: no-repeat;
		background-size: 13px 15px;
		background-position: 250px 5px;
	}
	
	.searching.phone {
		background-image: none;
		background-repeat: no-repeat;
		background-size: 11px 15px;
		background-position: 250px 5px;
	}
	
	
	#searching-input {
		border: 0px;
		background: none;
		width: 85%;
	}
	
	#phone-number {
		border: 0px;
		background: none;
		width: 85%;	
	}
	
	.box {
		padding: 5px;
		background: white;	
		text-align: center;
		font-size: 12px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: white;
		cursor: pointer;
		margin-bottom: 10px;
	}
	
	.deal_box {
		padding: 10px;
		background: #F3F3F3;	
		text-align: center;
		font-size: 12px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		color: black;
		cursor: pointer;
		margin-bottom: 10px;
		clear:both;
	}
	
	#deal_valid {
		margin-top: 10px;
		clear:both;	
	}
	
	#deal_description {
		padding: 10px 0px;
		padding-right: 10px;
		padding-left: 50px;	
		background-image: url(/static/img/icons/icon_green_percent.png);
		background-repeat: no-repeat;
		background-size: 35px 35px;
		background-position: 9px 10px;
		text-align: left;
		font-size: 15px;
		color: white;
		font-weight: bold;
		line-height: 17px;
		height: 100px;
		background-color: #454862;
	}
	
	#deal_ask_send_email .section,
	#deal_ask_send_sms .section,
	#wifi_ask_send_sms .section,
	#wifi_ask_send_email .section,
	#driver_ask_send_sms .section,
	#driver_ask_send_email .section {
		margin: 15px 0 0px;
	}
	
	#deal_info {
		margin-top: 15px;	
	}
	
	#slide_deal_info .item-title,
	#slide_deal_info .item-distance {
		font-size: 14px;
	}
	
	#slide_deal_info .item-distance {
		background-position: 47% 5px;
	}
	
	#deal_hour {
		font-size: 14px;
		font-weight: bold;	
		margin-bottom: 10px;
		padding-bottom: 0px;
		padding-top: 0px;
	}
	
	#deal_description span {
		color: white;
	}
	
	#deal_receive .box {
		padding: 8px;
		margin-bottom: 0px;	
	}
	
	#deal_ask_send_email #deal_receive .box {
		margin-top: 0px;
	}
	
	#deal_sentence {
		padding: 8px 0px 7px;
		padding-left: 32px;
		background-image: url(/static/img/icons/icon_blue_send.png);
		background-repeat: no-repeat;
		background-size: 25px;
		background-position: 0px 5px;
		background-color: transparent;
		color: #454862;
		font-weight: bold;
		text-align: left;
		margin: 10px 0px;
	}
	
	#deal_info.partner #deal_sentence,
	#driver_info.driver #deal_sentence  {
		margin-top: 0px;	
	}
	
	.box_blue {
		background: #454862;	
	}
	
	.animitem.group {
		display:none;
	}
	
	.weather-icon img {
		margin-left:-10px;
		  margin-top:-16px;
		  position:absolute;
		  width:84px;
	}
	
	.box .icon img {
		width: 40px;	
	}
	
	.return-arrow.box .icon img {
		width: 20px;	
	}
	
	.return-arrow.box {
		margin-top: 15px;
		padding: 10px 0px;
	}
	
	.confirm-button {
		margin-top: 5px;
		padding: 10px 0px;
		font-size: 15px;
		text-transform: uppercase;
	}
	
	#partner_ask_mode .box,
	#wifi_ask_mode .box {
		height: 99px;
		padding-top: 18px;
	}
	
	#advertise {
		height: 500px;
		width: 500px;
		background: black;
		left: 0px;
		position: fixed;
		z-index: 200;
	}
	
	#hoverwindow {
		position: fixed;
		z-index: 2000;
		height: 500px;
		width: 500px;
		border: 0px;
		display:none;
		background: #000;
	}
	
	#hoverwindow iframe {
		width: 100%;
		height: 100%;
		border: 0px;
	}
	
	#sidebar {		
		z-index: 200;
		position: fixed;
		right: 0px;
		width: 300px;
		height: 500px;
		background: #000;
		overflow: hidden;
	}
	
	.bg-cyan {
		background: #24c8da; /* Old browsers */
		background: -moz-linear-gradient(top, #24c8da 0%, #02a9c4 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #24c8da 0%,#02a9c4 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #24c8da 0%,#02a9c4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c8da', endColorstr='#02a9c4',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-cyan:active {
		background: #02a9c4; /* Old browsers */
		background: -moz-linear-gradient(top, #02a9c4 2%, #24c8da 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #02a9c4 2%,#24c8da 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #02a9c4 2%,#24c8da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02a9c4', endColorstr='#24c8da',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-salmon {
		background: #f78e8f; /* Old browsers */
		background: -moz-linear-gradient(top, #f78e8f 2%, #f8716f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f78e8f 2%,#f8716f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f78e8f 2%,#f8716f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f78e8f', endColorstr='#f8716f',GradientType=0 ); /* IE6-9 */
	}	
	.bg-salmon:active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8716f+0,f78e8f+97 */
		background: #f8716f; /* Old browsers */
		background: -moz-linear-gradient(top, #f8716f 0%, #f78e8f 97%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f8716f 0%,#f78e8f 97%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f8716f 0%,#f78e8f 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8716f', endColorstr='#f78e8f',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-orange {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffab4c+0,f49323+100 */
		background: #ffab4c; /* Old browsers */
		background: -moz-linear-gradient(top, #ffab4c 0%, #f49323 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffab4c 0%,#f49323 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffab4c 0%,#f49323 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffab4c', endColorstr='#f49323',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-orange:active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f49323+0,ffab4c+97 */
		background: #f49323; /* Old browsers */
		background: -moz-linear-gradient(top, #f49323 0%, #ffab4c 97%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f49323 0%,#ffab4c 97%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f49323 0%,#ffab4c 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f49323', endColorstr='#ffab4c',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-pink {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e52a78+0,c4034d+100 */
		background: #e52a78; /* Old browsers */
		background: -moz-linear-gradient(top, #e52a78 0%, #c4034d 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #e52a78 0%,#c4034d 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #e52a78 0%,#c4034d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e52a78', endColorstr='#c4034d',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-pink:active {
			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c4034d+0,e52a78+97 */
		background: #c4034d; /* Old browsers */
		background: -moz-linear-gradient(top, #c4034d 0%, #e52a78 97%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #c4034d 0%,#e52a78 97%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #c4034d 0%,#e52a78 97%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4034d', endColorstr='#e52a78',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-redlight {
		background: #f56451; /* Old browsers */
		background: -moz-linear-gradient(top, #f56451 0%, #ee4b2d 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f56451 0%,#ee4b2d 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f56451 0%,#ee4b2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f56451', endColorstr='#ee4b2d',GradientType=0 ); /* IE6-9 */	
	}
	
		
	.bg-grey {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e5e5e+31,000300+100 */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#717171+0,484948+100 */
		background: #717171; /* Old browsers */
		background: -moz-linear-gradient(top, #717171 0%, #484948 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #717171 0%,#484948 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #717171 0%,#484948 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#484948',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-grey:active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5e5e5e+31,000300+100 */
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#484948+-1,484948+0,717171+99 */
		background: #484948; /* Old browsers */
		background: -moz-linear-gradient(top, #484948 -1%, #484948 0%, #717171 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #484948 -1%,#484948 0%,#717171 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #484948 -1%,#484948 0%,#717171 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484948', endColorstr='#717171',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-trip {
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#45b662+0,3b9c52+100 */
		background: #45b662; /* Old browsers */
		background: -moz-linear-gradient(top, #45b662 0%, #3b9c52 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #45b662 0%,#3b9c52 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #45b662 0%,#3b9c52 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45b662', endColorstr='#3b9c52',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-trip:active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3b9c52+0,45b662+100 */
		background: #3b9c52; /* Old browsers */
		background: -moz-linear-gradient(top, #3b9c52 0%, #45b662 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #3b9c52 0%,#45b662 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #3b9c52 0%,#45b662 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b9c52', endColorstr='#45b662',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-blue {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#686b9a+0,535578+100 */
		background: #686b9a; /* Old browsers */
		background: -moz-linear-gradient(top, #686b9a 0%, #535578 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #686b9a 0%,#535578 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #686b9a 0%,#535578 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#686b9a', endColorstr='#535578',GradientType=0 ); /* IE6-9 */
	}
	.bg-blue:active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#535578+0,686b9a+100 */
		background: #535578; /* Old browsers */
		background: -moz-linear-gradient(top, #535578 0%, #686b9a 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #535578 0%,#686b9a 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #535578 0%,#686b9a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535578', endColorstr='#686b9a',GradientType=0 ); /* IE6-9 */
	}
	
	.bg-red {
		background: #f27a4b; /* Old browsers */
		background: -moz-linear-gradient(top, #f27a4b 0%, #f45f23 55%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f27a4b 0%,#f45f23 55%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f27a4b 0%,#f45f23 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27a4b', endColorstr='#f45f23',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-red:active {
		background: #f27a4b; /* Old browsers */
		background: -moz-linear-gradient(top,  #f45f23 0%,#f27a4b 55%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f45f23  0%,#f27a4b 55%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f45f23 0%,#f27a4b 55%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f45f23', endColorstr='#f27a4b',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-green {
		background: #1dceb0; /* Old browsers */
		background: -moz-linear-gradient(top, #1dceb0 0%, #00c3a9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #1dceb0 0%,#00c3a9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #1dceb0 0%,#00c3a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1dceb0', endColorstr='#00c3a9',GradientType=0 ); /* IE6-9 */	
	}
	
	
	.bg-green:active {
		background: #1dceb0; /* Old browsers */
		background: -moz-linear-gradient(top, #00c3a9 0%, #1dceb0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #00c3a9 0%,#1dceb0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #00c3a9 0%,#1dceb0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c3a9', endColorstr='#1dceb0',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-yellow {
		background: #ffe770; /* Old browsers */
		background: -moz-linear-gradient(top, #ffe770 3%, #ffd800 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffe770 3%,#ffd800 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffe770 3%,#ffd800 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe770', endColorstr='#ffd800',GradientType=0 ); /* IE6-9 */		
	}
	
	.bg-yellow:active {
		background: #ffe770; /* Old browsers */
		background: -moz-linear-gradient(top, #ffd800 3%, #ffe770 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffd800 3%,#ffe770 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffd800 3%,#ffe770 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ffe770',GradientType=0 ); /* IE6-9 */		
	}
	
	.bg-blue-light {
		background: #8fccf7; /* Old browsers */
		background: -moz-linear-gradient(top, #8fccf7 3%, #6cbdf8 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #8fccf7 3%,#6cbdf8 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #8fccf7 3%,#6cbdf8 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fccf7', endColorstr='#6cbdf8',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-blue-light:active {
		background: #8fccf7; /* Old browsers */
		background: -moz-linear-gradient(top, #6cbdf8 3%, #8fccf7 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #6cbdf8 3%, #8fccf7 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #6cbdf8 3%,#8fccf7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6cbdf8', endColorstr='#8fccf7',GradientType=0 ); /* IE6-9 */	
	}
	
	.bg-violet {
		background: #927493; /* Old browsers */
		background: -moz-linear-gradient(top, #927493 0%, #935295 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #927493 0%,#935295 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #927493 0%,#935295 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#927493', endColorstr='#935295',GradientType=0 ); /* IE6-9 */	
	}
	.bg-violet:active {
		background: #927493; /* Old browsers */
		background: -moz-linear-gradient(top, #935295 0%, #927493 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #935295 0%,#927493 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #935295 0%,#927493 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#935295', endColorstr='#927493',GradientType=0 ); /* IE6-9 */	
	}
	
	.langs {
		float: right;	
	}
	
	.lang {
		float: right;
		display: block;
		height: 30px;
		width: 30px;
		background-image: url(/static/img/icons/flag_fr.png);
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: 5px 5px;
		background-color: #575975;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
		margin-left: 3px;
		cursor: pointer;
		
	}
	
	.lang:active {
		background-color: #2a2b38; /* Old browsers */
		background-color: -moz-linear-gradient(top, #2a2b38 0%, #3d3e51 99%); /* FF3.6-15 */
		background-color: -webkit-linear-gradient(top, #2a2b38 0%,#3d3e51 99%); /* Chrome10-25,Safari5.1-6 */
		background-color: linear-gradient(to bottom, #2a2b38 0%,#3d3e51 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}
	
	.lang.en {
		background-image: url(/static/img/icons/flag_en.png);
		display: none;
	}
	.lang.cn {
		background-image: url(/static/img/icons/flag_cn.png);
		display: none;
	}
	.lang.plus {
		background-position: 7px 7px;
		background-size: 16px 15px;
		background-image: url(/static/img/icons/plus.png);
	}
	
	.smalltext {
		font-size: 10px;	
	}
	
	.search-result ul,
	.search-result li {
		list-style-type: none;
		list-style-position: outside;	
		padding: 0px;
		margin: 0px;
	}
	
	.search-result li {
		border-bottom: solid 1px #333;
		color: white;	
		font-size: 12px;
		padding: 5px 10px;
		cursor: pointer;
		background: #575975;
		margin-bottom: 5px;
	}
	
	.search-result li:active {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a2b38+0,3d3e51+99 */
		background: #2a2b38; /* Old browsers */
		background: -moz-linear-gradient(top, #2a2b38 0%, #3d3e51 99%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #2a2b38 0%,#3d3e51 99%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #2a2b38 0%,#3d3e51 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a2b38', endColorstr='#3d3e51',GradientType=0 ); /* IE6-9 */	
	}
	
	#place-gallery {
		margin: 0px;
		padding: 0px;
		height: 115px;
		overflow: hidden;
	}
	
	#place-gallery img {
		width: 100%;
		cursor: pointer;
	}
	
	#place-gallery-wrap {
		width: 100%;
		padding: 0px;
		margin: 0px;
		height: 115px;
	}
	
	#place-gallery-wrap .slick-dots {
		position: relative;
		margin-top: -68px;
		z-index:1000;
	}
	
			.map-marker-label{
	        position: absolute;
	    	color: blue;
	    	font-size: 12px;
	    	font-weight: bold;
	    }
	    #map-canvas-car {
			height: 50px;
			width: 50px;
			left: 225px;
			top: 225px;
			position: absolute;
			z-index: 203;
			display:none;
	    }

	    @-webkit-keyframes handnotice {
			0% {-webkit-transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
			50% {-webkit-transform:scale(1);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
			100% {-webkit-transform:scale(0.8);
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;

			}
		}
 
		/* firefox */
		@-moz-keyframes handnotice {
			0% {-moz-transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
			50% {-moz-transform:scale(1);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
			100% {-moz-transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
		}
		 
		/* anyone brave enough to implement the ideal method */
		@keyframes handnotice {
			0% {transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
			50% {transform:scale(1);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
			100% {transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
		}
	    
	    
	    @-webkit-keyframes wiggle {
			0% {-webkit-transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
			50% {-webkit-transform:scale(0.9);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
			100% {-webkit-transform:scale(1.2);
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;

			}
		}
 
		/* firefox */
		@-moz-keyframes wiggle {
			0% {-moz-transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
			50% {-moz-transform:scale(0.9);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
			100% {-moz-transform:scale(1.2);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
		}
		 
		/* anyone brave enough to implement the ideal method */
		@keyframes wiggle {
			0% {transform:scale(0.8);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
			50% {transform:scale(0.9);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
			100% {transform:scale(1.2);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
filter: alpha(opacity=00);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
		}
	    
	    #map-canvas-car-icon {
			height: 50px;
			width: 50px;
			position: relative;
			z-index:200;
			background-image: url(/static/img/icons/icon_car.png);
			background-repeat: no-repeat;
			background-size: 50px 50px;
			background-position: 50% 50%;
	    }
	    
	    #map-canvas-car-anim {
			height: 70px;
			width: 70px;
			z-index:199;
			position: relative;
			background-image: url(/static/img/icons/icon_round_red.png);
			background-repeat: no-repeat;
			background-size: 70px 70px;
			background-position: 27% 40%;
		    margin-left:-10px;
		    margin-top:-60px;

			-webkit-animation: wiggle 2s infinite;
			-moz-animation: wiggle 2s infinite;
			animation: wiggle 2s infinite;
	    }
	    
	    #map-canvas {
	    	display:none;
			height: 500px;
			width: 500px;
			background: black;
			left: 0px;
			top: 0px;
			position: absolute;
			z-index: 201;
	   	}
	   	
#loading {
	display:none;
	height: 500px;
	width: 500px;
	left: 232px;
	top: 222px;
	position: absolute;
	z-index: 2001;
}

#hand_click {
	height: 88px;
	width: 80px;
	left: 215px;
	top: 375px;
	position: absolute;
	z-index: 2001;
}

#hand_click img {
	-webkit-animation: handnotice 2s infinite;
	-moz-animation: handnotice 2s infinite;
	animation: handnotice 2s infinite;
}

#sendby {
	display:none;	
}

#wifi_section img {
	padding: 6px 0px;
}

#slider li {
	cursor: pointer;	
}


.prayer_time {
	text-align: right;
	font-size: 13px;
	padding-right: 0px;
}
.prayer_icon {
	height: 70px;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-position: 3% 62%;
	padding-left: 35px;
}

.prayer_icon_1 {
	background-image: url(/static/img/icons/prayer_icon_1.png);	
}
.prayer_icon_2 {
	background-image: url(/static/img/icons/prayer_icon_2.png);	
}
.prayer_icon_3 {
	background-image: url(/static/img/icons/prayer_icon_3.png);	
}
.prayer_icon_4 {
	background-image: url(/static/img/icons/prayer_icon_5.png);	
}
.prayer_icon_5 {
	background-image: url(/static/img/icons/prayer_icon_4.png);	
}

#maskall {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 20000;
	background: none;
		
}