/* WRAPPER */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }
#wrapper a { text-decoration:none}

	/* HEADER */
	#header { position: absolute; left: 0px; right: 0px; top: 0px; }
	#header.inner { position: static; background: url(../images/header-bg.png) center top no-repeat; }
	#header.inner .logo { padding: 5px 13px 5px; border: 1px solid #d7d7d7; border-top: 0 none; max-width: 110px; background: #fff; }

		/* LOGO */
		.logo { float: left; max-width: 100px; width:100px;}
		.logo a { display: block; background-color: #fff; }
	
		/* MENU */
		.menu { float: right; }
		.menu ul { float: left; }
		.menu ul li { float: left; padding: 20px 0px; margin-right: 62px; }		
		.menu ul li a { color: #fff; font-size: 22px; font-weight: 700; display: block; }
		.menu ul li a:hover span { color: #fff; }
		.menu ul li a span { font-size: 12px; padding-right: 32px; color: #a9a6a6; display: block; line-height:22px; background:url(../svg/android-white.svg) no-repeat right center; background-size: 20px auto; }
		.menu ul li:last-child { margin-right: 0px; }
		.menu.inner { padding: 5px 0 0; }
		.menu.inner ul li:first-child { margin-right: 72px; }
		.menu.inner ul li:first-child span { font-size: 12px; }
		.menu.inner ul li a { color: #000; }
		.menu.inner ul li a span { color: #6eaa10; font-weight: 400; background-image: url(../svg/android-gray.svg); }
		.menu.inner ul li a:hover span { color: #000; }
		.menu.inner ul li:last-child { padding-top: 38px; }

	/* BANNER */
	#banner { padding-top: 120px; text-align: center; padding-bottom: 70px; background: #761b06 url(../images/banner.jpg) no-repeat center top; background-size: cover; }
	#banner h1 { color: #fff; margin-bottom: 50px; font-weight: bold;font-size: 50px; }
	#banner h3 { color: #fff; font-size: 24px; font-weight: 600; }
	#banner ul { display: table; width: 100%; }
	#banner ul li { display: table-cell; padding: 20px 0px; }
	#banner ul li:first-child, #banner ul li:last-child { width: 36%; }
	#banner ul li span { color: #a8a5a4; display: block; font-size: 30px; font-family: Roboto; }
	#banner .banner__buttons { padding: 20px 80px; max-width: 860px; margin: 0px auto; background-color: rgba(0,0,0,0.70); }
	a.buttin--big { text-decoration:none; padding: 18px 20px; font-size: 20px;}
	
	.ligh_box { margin:0 auto; text-align:center; width:700px;max-width:700px; background:#f9f9f9 url(../images/popup-bg.png) 0 0 no-repeat; box-shadow: 0 0px 6px 2px #e9dfdb; overflow:hidden; padding:70px 0 0;}
	.ligh_box h2 { font-size:32px; line-height:normal; color:#373636; font-family:"Open Sans",Helvetica,Arial,sans-serif; font-weight:600; padding:20px 0;}
	.ligh_box .form  { width:90%; margin:0 auto;}
	.ligh_box .form { margin:0 auto;}
	.ligh_box .form input { border:solid d8d8d8 solid 1px; max-width:600px; margin:0 auto; background:#fff; color:#c6c6c6; min-height:50px; box-shadow:1px 2px 7px 4px #f1f1f1; padding:0 0 0 23px; font-weight:bold; font-size:18px;margin-bottom:10px;}
	.ligh_box .form label { display:block; color:#eb0404 !important; margin:13px 0 20px 9px; font-size:14px; line-height:normal; text-align:left;} 
	.ligh_box .form .Starting { border:solid 1px #eb0404}
	.ligh_box .form .Date { display:block; width:100%; margin:0 auto; border:#eb0404 solid 1px; 0 0 0 23px font-weight:bold; font-size:18px; position:relative;}
	.ligh_box .form .Find { width:485px; margin:40px auto; background:#6eaa10; border-bottom:solid 4px #466e08; color:#fff; font-size:18px; line-height:normal; font-family:"Open Sans",Helvetica,Arial,sans-serif; font-weight:600; position:relative;}  
	.ligh_box .form .Find:before { background:url(../images/arrow.png) no-repeat right center; height:10px; width:7px; position:absolute; right:20px; top:0; content:"";}
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background:url(../images/close.png) no-repeat right top; height:23px; width:23px; right:-10px; top:-10px;}
	.fancybox-inner { overflow:hidden;}
	.ligh_box .form input.error{ border:solid 1px #eb0404;}
	.ligh_box .form input:focus{ color:#000;}
	.fancybox-opened .fancybox-skin{ padding:0!important;}
		
	/* WORKS */
	#works { padding: 30px 0px; text-align: center; }
	#works h3 { margin-bottom: 50px; font-size: 36px; }
	#works h4 { padding: 3px; 0px; position: relative; padding-left: 47px; display: inline-block; max-width: 160px; text-align: left; }
	#works h4 span { display: block; background-color: #f9bc6d; width: 34px; position: absolute; left: 0px; top: 50%; margin-top: -17px; text-align: center; height: 34px; line-height: 34px; color: #fff; -webkit-border-radius: 50%; border-radius: 50%; font-weight: 700; }
	#works ul { display: table; width: 80%; margin: 0px auto; }
	#works ul li { width: 20%; display: table-cell; padding-bottom: 40px; }
	#works ul li.arrow { height: 100px; background: url(../images/big-arrow.png) no-repeat center 35px; }
	#works figure { max-width: 90px; margin: 0px auto; padding-bottom: 40px; }

	/* ANDROID */
	#android { background: url(../images/android-bg-strip.png) top repeat-x;}
	#android > div{ padding: 80px 0px; background: url(../images/android-bg-phone.png) top right no-repeat;}
	#android p { padding-bottom: 13px; }
	#android h2 { color: #fff; max-width: 600px; margin-bottom: 35px; }
	#android .centering { max-width: 1210px; }

	/* MEDIA */
	#media { padding: 70px 0px; text-align: center; -webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,0.04); box-shadow: 0 8px 8px 0 rgba(0,0,0,0.04); }
	#media h3 { margin-bottom: 20px; }
	#media ul li { display: inline-block; padding: 10px 42px; padding-bottom: 0px; }

	/* BOTTOM */
	#bottom { font-size: 12px; padding: 45px 0px; -webkit-box-shadow: 0 8px 8px 0 rgba(0,0,0,0.04); box-shadow: 0 8px 8px 0 rgba(0,0,0,0.04); }
	#bottom p { font-size: 14px; }
	#bottom h4 { font-size: 14px; font-weight: 600; margin-bottom: 15px; }
	#bottom ul li { margin-bottom: 6px; }
	#bottom .and { width: 90px; float: right; margin: 5px 10% 0px 5px; }
	#bottom .centering { max-width: 1210px; }
	#bottom .bottom__col { float: left; width: 21%; padding-right: 20px; }
	#bottom .bottom__col.col2 { width: 27%; }
	#bottom .bottom__col.col3 { width: 21%; }
	#bottom .bottom__col.col4 { padding-right: 0px; width: 31%; padding-top: 30px; } 
	#bottom .bottom__col.col4 h4 { margin-bottom: 8px; }
	
	/* STEPWIZARD */
	#stepwizard { padding: 18px 0 13px; margin-top: 7px; border-top: 1px solid #e8e8e8; border-bottom: 2px solid #e8e8e8; }	
	#stepwizard span { padding: 5px 0 0 20px; display: inline-block; vertical-align: middle; letter-spacing: 0.4px; font-size: 12px; }	
	#stepwizard span strong { font-weight: 700; }	
	#stepwizard ul { text-align: right; position: relative; float: right; }	
	#stepwizard ul li { margin-left: 45px; letter-spacing: 0.5px; font-size: 12px; color: #6f6f6f; font-weight: 700; display: inline-block; }	
	#stepwizard ul li a { color: #6f6f6f; }	
	#stepwizard ul li.active a { color: #0054a6; }	
	#stepwizard ul li.active span { background: #0054a6; }	
	#stepwizard ul li span { padding: 0; margin: -4px auto 2px; font-weight: 400; position: relative; font-size: 11px; text-align: center; line-height: 17px; display: block; width: 17px; height: 17px; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; background: #ababab; }	
	#stepwizard ul:before { content: ""; margin: 0 0 -5px 90px; display: block; height: 1px; width: 75%; background: #d3d3d3; }	
	#stepwizard .left { float: left; width: 50%; }	
	#stepwizard .left p { margin: 0; display: inline-block; }
	#stepwizard .right { padding-top: 5px; float: right; width: 50%; }	

	#content { overflow: hidden; }

		/* left */
		#left { padding: 12px 35px 40px 0; float: left; width: 77.8%; border-right: 1px solid #ededed;  }

			.firstorder { padding: 8px 25px; margin-bottom: 12px; background: #faf2e6; }
			.firstorder p { margin: 0; font-size: 12px; display: inline-block; letter-spacing: 0.5px; }
			.firstorder p strong { font-size: 14px; text-transform: uppercase; font-weight: 700; }
			.firstorder p span { color: #0054a6; font-size: 14px; font-weight: 700; text-transform: uppercase; }
			.firstorder span { margin-right: 10px; color: #9d1602; text-transform: uppercase; font-weight: 700; }
			.firstorder span img { margin-right: 5px; display: inline-block; vertical-align: middle; }

			.foodwrap { padding-right: 10px; margin-right: -25px;  }

			.foodblock { padding: 18px 25px; margin-bottom: 13px; overflow: hidden; background: #f7f7f7; }
			.foodblock h4 { margin-bottom: 0; font-size: 20px; word-spacing: 5px; color: #c61c0a; font-weight: 700; }
			.foodblock h5 { margin-bottom: 0; font-size: 16px; color: #3f3f3f; font-weight: 700; }
			.veg { margin: -4px 0 0 3px; vertical-align: middle; position: relative; display: inline-block; width: 19px; height: 18px; border: 1px solid #197b30; border-radius: 2px; -webkit-border-radius: 2px; }
			.veg:after { content: ""; border-radius: 50%; -webkit-border-radius: 50%; display: block; position: absolute; left: 30%; top: 30%; z-index: 1; width: 7px; height: 7px; background: #197b30; }
			 .nonveg { margin: -4px 0 0 3px; vertical-align: middle; position: relative; display: inline-block; width: 19px; height: 18px; border: 1px solid red; border-radius: 2px; -webkit-border-radius: 2px; }
			 .nonveg:after { content: ""; border-radius: 50%; -webkit-border-radius: 50%; display: block; position: absolute; left: 30%; top: 30%; z-index: 1; width: 7px; height: 7px; background: red; }
				.foodblock ul { margin-top: -2px; }
			.foodblock ul li { margin-right: 2px; cursor: pointer; vertical-align: top; display: inline-block; width: 12px; height: 12px; background: url(../images/star.png) center no-repeat; }
			.foodblock ul li.rated { background: url(../images/rated-star.png) center no-repeat; }
			.foodblock .pic a { max-width: 100%; display: block; }
			.foodblock .pic img { max-width: 100%; display: block; }
			.foodblock .button--success { margin-bottom: 5px; font-size: 14px; height: 37px; border-bottom-width: 2px; min-width: 150px; }
			.foodblock .pic { float: left; width: 20.5%; }
			.foodblock .text { padding-left: 25px; margin-top: -5px; overflow: hidden; float: right; width: 79.5%; }
			.foodblock .col1 { float: left; width: 60%; }
			.foodblock .col1 span { margin-top: -4px; min-height: 42px; letter-spacing: 0.5px; display: block; font-size: 11px; color: #3f3f3f; }
			.foodblock .col2 { padding: 5px 0 0; float: right; text-align: right; }
			.foodblock .col2 span { padding-right: 8px; display: block; font-size: 12px; color: #930100; }
			.foodblock .col2 .icon { padding-bottom: 55px;  }
			.foodblock .col2 .icon a { margin-left: 5px; display: inline-block; vertical-align: top; }
			.foodblock .restaurant { padding-left: 25px; margin: 20px 0 0; font-size: 11px; color: #828282; background: url(../images/food-icon.png) left top no-repeat; }


		/* right */
		#right { padding: 12px 0 20px; float: right; width: 21%; }	

			.orderblock { padding: 10px 20px 15px; margin-bottom: 20px; border: 1px solid #e3e3e3; }
			.orderblock h3 { padding: 5px 0; margin-bottom: 13px; text-align: center; font-size: 16px; color: #9c9b9b; font-weight: 600; background: url(../images/chef-cap.png) left no-repeat; }
			.orderblock img { margin: 0 auto; display: block; }
			.orderblock .items { padding: 13px 25px; overflow: hidden; margin: 0 -20px 38px; letter-spacing: 0.4px; background: #f7f7f7; }
			.orderblock .items span { font-size: 12px; color: #3f3f3f; font-weight: 600; }
			.orderblock .items a { float: right; font-size: 11px; color: #6eaa10; text-decoration: underline; }
			.orderblock .items a:hover { text-decoration: none; }
			.orderblock .button--success { padding: 10px 24px; margin-bottom: 12px; font-size: 16px; display: block; font-weight: 600; height: 44px; }

			.addblock { max-width: 268px; border: 1px solid #e3e3e3; }
			.addblock img { display: block; }

	/* FOOTER */
	#footer { font-size: 13px; padding: 45px 0px;  }
	#footer h4 { font-size: 14px; font-weight: 600; margin-bottom: 10px; }
	#footer ul li { margin-bottom: 6px; }
	#footer form { position: relative; padding-right: 135px; }
	#footer form button { position: absolute; right: 0px; top: 0px; }
	#footer nav ul { width: 100%; overflow: hidden; color: #b4b4b4; }
	#footer nav ul li { float: left; margin-right: 30px; font-size: 12px; }
	#footer nav ul li a { color: #929292; }
	#footer nav ul li a:hover { color: #000; }
	#footer nav ul li:last-child { margin-right: 0px; }	
	#footer .footer__col { width: 33.33%; float: left; padding-right: 8.2%; padding-bottom: 30px; }
	#footer .footer__col.col1 p { max-width: 210px; }
	#footer .footer__col.col3 { padding-right: 0px; }
	#footer .footer__col.col3 h4 { padding-bottom: 20px; }
	#footer .centering { max-width: 1210px; }
	#footer.inner .centering { max-width: 1280px; }
	#footer.inner { padding: 20px 0 10px; -webkit-box-shadow: inset 0 8px 8px 0 rgba(0,0,0,0.04); box-shadow: inset 0 8px 8px 0 rgba(0,0,0,0.04); }
	#footer.inner nav { padding-top: 5px; float: left; }
	#footer.inner .footer__col { padding: 0; margin: 0; float: right; }
	#footer.inner .footer__col p { margin: 0; float: right; }
	#footer.inner .footer__col h4 { padding-top: 10px; margin: 0; float: left; font-size: 12px; }
	#bottom a { text-decoration:none}


	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 1300px) {
		
		.centering { padding-left: 15px; padding-right: 15px; }
		
		#stepwizard span { padding: 5px 0 0 10px; }	
		#stepwizard ul li { margin-left: 10px; }
		#stepwizard ul::before { margin: 0 0 -5px 55px; }
		#stepwizard .left { width: 58%; }	
		#stepwizard .right { width: 42%; }

		#left { width: 72%; }	
		#right { width: 27%; }

		.foodblock .pic { width: 28%; }
		.foodblock .text { width: 71%; }

		#footer nav ul li { margin-right: 5px; }
		#footer .footer__col { width: 40%; }
		#footer .footer__col img { max-width: 285px; }
	}	

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 992px) {
		
		#banner h1 { margin-bottom: 50px; font-size: 46px; }		
		#banner .banner__buttons { padding: 30px; }
		
		#works ul { width: 100%; }
		
		#android { padding: 0 0px; }
		#android h2 { font-size: 32px; max-width: 450px; }
		#android .centering{ background-position: 200% 0; padding:80px 40px;}

		#stepwizard { text-align: center; }
		#stepwizard .left, #stepwizard .right { float: none; width: 100%; }
		#stepwizard .right { padding-top: 20px; }
		#stepwizard ul { float: none; text-align: center; }
		#stepwizard ul::before { margin: 0 auto -5px; width: 310px; }

		#left, #right { width: 100%; float: none; }	

		#footer.inner nav { float: none; text-align: center; }
		#footer.inner nav ul li { float: none; display: inline-block; }
		#footer.inner .footer__col { float: none; width: 100%; text-align: center; }
		#footer.inner .footer__col p { float: none; vertical-align: middle; display: inline-block; }
		#footer.inner .footer__col h4 { padding: 0 10px; vertical-align: middle; float: none; display: inline-block; }

	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		
		h3 { font-size: 24px; }
		
		.logo, #header.inner .logo { max-width: 75px; }
		
		.menu ul li { margin-right: 20px; }
		.menu ul li a { font-size: 11px; }
		.menu.inner ul li:first-child { margin-right: 15px; }
		.menu.inner ul li:first-child span, .menu.inner ul li:first-child br { display: none; }
		.menu.inner ul li:last-child { padding-top: 18px; }	

		.buttin--big { font-size: 12px; padding: 4px; }
		.buttin--big:after { margin-left: 0px; display: none; }
		
		#stepwizard ul li { font-size: 7px; }
		#stepwizard ul::before { width: 200px; }
		#stepwizard .left p { display: block; }	

		#banner { padding-top: 100px; padding-bottom: 50px; }
		#banner h1 { font-size: 20px; margin-bottom: 20px; }
		#banner h3 { font-size: 14px; }
		#banner ul li { padding: 10px 0px; }
		#banner ul li span { font-size: 11px; }
		#banner .banner__buttons { padding: 15px; }
		#banner ul li:first-child, #banner ul li:last-child { width: 45%; }
		
		#works { padding: 30px 0px; }
		#works h3 { margin-bottom: 25px; }
		#works ul { display: block; }
		#works ul li { width: auto; display: block; }
		#works ul li.arrow { display: none; }
		#works figure { padding-bottom: 20px; }
		
		#android { }
		#android .centering{background-position: 200px 0; padding: 80px 20px;}
		#android p { max-width: 120px; padding: 30px 0px; }
		#android h2 { font-size: 20px; max-width: 200px;}
		
		#media { padding: 30px 0px; }
		#media h3 { margin-bottom: 0px; }
		
		#bottom .bottom__col { width: 50% !important; }

		.firstorder { text-align: center; }

		#left { padding-right: 0; border: 0 none; }
		.foodwrap { padding-right: 0; margin-right: 0; }

		.foodblock .pic, .foodblock .text, .foodblock .col1, .foodblock .col2 { float: none; width: 100%; }
		.foodblock .text { padding: 10px 0 0; text-align: center; }
		.foodblock .col2 { text-align: center; }
		.foodblock .col2 .icon { padding-bottom: 25px; }
		.foodblock .pic img { width: 100%; }

		#footer .footer__col { width: 100%; }
		
		#footer nav { text-align: center; }
		#footer nav ul li { float: none; display: inline-block; margin: 0px 4px; font-size: 11px; }
		.fancybox-wrap{width:90%!important;}
		.ligh_box, .fancybox-inner, .ligh_box .form .Find{width:100%!important;}
		#footer.inner .footer__col h4 { display: block; margin-bottom:  }
		
	}	

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 440px) {
		
		#bottom .bottom__col { width: 100% !important; padding-right: 0px; margin-bottom: 20px; }
		
	}