body{
	font-family: 'Lato', sans-serif !important;
}

.slr{
	background-color: #000 !important;

}
.f3{
			text-align:center;
			
		}
.slc{
	
}

.sl1{
	margin-right: 15px;
}

.sl2{
	margin-right: 15px;
}

.sl3{
	margin-right: 15px;
}

.sl4{
	margin-right: 15px;
}

a{
	
	font-family: 'Lato', sans-serif !important;
	color: #cda075 !important;
}

.carousel-control-prev-icon{
	    background-image: url(../images/a3.png);
		
}

.carousel-control-next-icon{
	    background-image: url(../images/a4.png);
		
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 23px;
    height: 46px;
    
}

.navbar-expand-lg .navbar-nav .nav-link {
   
    white-space: nowrap !important;
   }


.navbar{
		  width:100%;
		  background-color:#000 !important;
		  color: #cda075;
		  border-top: 1px solid #3b3a3a;

		}

.nav-link{
			font-family: 'Lato', sans-serif !important;
			font-size: 13px !important;
			color: #cda075 !important;
			display: inline-block;
			letter-spacing: 1.6px;
			padding-right: 13px;
			margin-left: 1rem;
			padding: 0.2rem 1rem;
		}

.navbar-nav{
			 margin-left: 12rem;
			 margin-top: 15px;
		}

.link:hover{
				color: white !important;
				border-bottom: 2px solid #6f6f6f;
				display: inline-block;
				}

	.pipe::after{
		   
		    border-right: 1px solid #cda075;
		    
		    content: '';
		    position: absolute;
		    width: 10px;
		    height: 14px;
		    letter-spacing: 50%;
		    margin-left: -2px;
		    top:30px;
			}
		
		.carousel-caption {

   /*top: 43%;*/
  
}

	 
.carousel-caption {
  
    bottom: 0px;
	
}
	

	

		.indexText{
			font-family: 'Minion Variable Concept';
			font-size: 42px;
			color: White;
			letter-spacing: 4px;
			text-align: center;
			    margin-top: 7%;
			text-transform: uppercase;
		}

		.indexButton{
				font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    width: 120px !important;
    color: #cda075;
    background-color: white;
    border-color: transparent;
    padding: 5px !important;
    margin-top: 10px;
    letter-spacing: 1px;
		}

		.indexButton:hover{
				background-color: rgba(205, 160, 117);
				color: white !important;
			}

		.footer1{
			font-family: 'Lato', sans-serif !important;
    font-size: 11px;
    color: #cda075;
    text-transform: uppercase;
    margin-top: 3px;
    letter-spacing: 1.5px;
	line-height: 20px;
	    margin-bottom: 3px;
		}

		.f1{
			font-family: 'Lato', sans-serif !important;
			font-size: 15px !important;
			color: #cda075 !important;
			margin-left: 14rem;
		}

		.f2{
			float: right;
			text-align:right;
		}

		 .aboutImage {

		    	 background-image: url("../images/banner.jpg");
		    	 background-repeat: no-repeat;
		    	 background-size: cover;
		   		 width: 100%;
		   		 height: 360px;
		   		 background-position: center;
		   	    }

		.about1{
			font-family: 'Lato', sans-serif !important;
			font-size: 50px;
			color: white;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-top: 0rem;
    		margin-left: 2rem;
		}


		.about2{
			font-family: 'Lato', sans-serif !important;
			font-size: 50px;
			color: white;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-left: 50%;
    		margin-top: 13rem;
		}

		.j1{
			  text-align: center;
    margin-left: -15px;
    color: #cda075;
    letter-spacing: 3px;
    margin-top: 1rem;
    font-size: 24px;
    font-weight: 400;
		}

		

		.j4{
				margin-top: 35px;
			    font-family: 'Lato', sans-serif !important;
			    font-size: 16.7px;
			    letter-spacing: 1.75px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
		}

		.os1{
			  text-align: center;
    margin-left: 0px;
    color: #cda075;
    letter-spacing: 3px;
    margin-top: 3rem;
    font-size: 24px;
    font-weight: 400;
		}

		
		.os4{
			    margin-top: 35px;
			    font-family: 'Lato', sans-serif !important;
			    font-size: 16.7px;
			    letter-spacing: 1.75px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
		}

		.osi1{
			background-image: url("../images/imgb1.jpg");
		    background-repeat: no-repeat;
		    background-size: cover;
		   	width: 100%;
		   	height: 198px;
		   	margin-top: 33px;
		}


		.abouttext1{
			    font-family: 'Lato', sans-serif !important;
    font-size: 17px;
    color: #cda075;
    letter-spacing: 2px;
    padding: 15px 21px 21px 21px;
    text-transform: uppercase;
    /* margin-left: 6px; */
    letter-spacing: 1.75px;
    line-height: 30px;
		}

		.abouttext2{
			font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    color: #cda075 !important;
    padding: 5px;
    text-align: left;
    margin-top: -25px;
    /* margin-left: 32px; */
    letter-spacing: 1.75px;
    line-height: 24px;
    padding: 0px 52px 21px 21px;
    /* padding-right: 21px; */
		}
.ptext{

	font-family: 'Lato', sans-serif !important;
    font-size: 15px;
    letter-spacing: 2px;
    margin: auto;
    padding: 10px;
    /* margin-left: 6px; */
    letter-spacing: 1.75px;
    line-height: 25px;
}
	.osi{
		margin-top: 45px;
		max-width: initial !important;
		/*margin-left: 25px;*/
	}

	

		#owl-demo1 .item{
 
		  padding: 0px 0px;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  text-align: center;
		}

		#owl-demo1 .item{
 
		  padding: 0px 0px;
		  -webkit-border-radius: 3px;
		  -moz-border-radius: 3px;
		  border-radius: 3px;
		  text-align: center;
		}

		.oc{
			margin-top: 60px;
			margin-bottom:30px;
		}


		.r1{
			  text-align: center;
    margin-left: 1px;
    color: #cda075;
    letter-spacing: 3px;
    margin-top: 5rem;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 2rem;
		}

		
		.ri1{
			background-image: url("../images/01.jpg");
		    background-repeat: no-repeat;
		    background-size: cover;
		   	width: 100%;
		   	height: 450px;
		   	
		}


		.ri2{
			background-image: url("../images/02.jpg");
		    background-repeat: no-repeat;
		    background-size: cover;
		   	width: 100%;
		   	height: 450px;
		   	
		}

		.container2{
		    position: relative;
		    font-family: 'Lato', sans-serif !important;
		    }

		.text-block {
	 position: absolute;
    bottom: 20px;
    left: 0px;
    right: 45px;
    background-color: rgba(0,0,0,0.6);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    text-align: left;
    min-height: 115px;
				}


		.text-block1{
			        position: absolute;
    bottom: 20px;
    right: 0px;
    left: 45px;
    background-color: rgba(0,0,0,0.6);
    color: white;
    padding-left: 20px;
    padding-right: 20px;
    padding: 13px;
    min-height: 115px;
    text-align: right;
			}

		.n1{
			margin-top: 4rem;
			
		}

		.awards{
			    text-align: center;
			    margin-left: -3px;
			    color: #cda075;
			    letter-spacing: 3px;
			    margin-top: 4rem;
			    font-size: 24px;
			    font-weight: 400;
		}

		

		.awardsText{
			font-family: 'Lato', sans-serif !important;
			font-size: 18px;
			letter-spacing: 2px;
			color: #1c1d1a;
			text-align: center;
			margin-top: 25px;
		}

		.awardsText1{
			font-family: 'Lato', sans-serif !important;
			font-size: 16px;
			letter-spacing: 2px;
			color: #1c1d1a;
			text-align: center;
			margin-top: 35px;
		}

		.column1{
			margin-left: 180px;
		}

		.column{
			margin-top: 25px;
		}

		.foodImage{
				 background-image: url("../images/banner1.jpg");
		    	 background-repeat: no-repeat;
		    	 background-size: cover;
		   		 width: 100%;
		   		 height: 360px;
		}

		.of1{
			 text-align: center;
    margin-left: -3px;
    color: #1c1d1a;
    letter-spacing: 3px;
    margin-top: 4rem;
    font-size: 24px;
    font-weight: 400;
		}

		

		.food1{
				margin-top: 35px;
			    font-family: 'Lato', sans-serif !important;
			    font-size: 16.7px;
			    letter-spacing: 1.75px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
			}

		.food{
	text-align: center !important;
    margin-left: -3px;
    color: #1c1d1a;
    letter-spacing: 1px;
    margin-top: 2rem;
    margin-bottom: 2rem;
    font-size: 18px;
    font-weight: 600;
		}

		

		.ct1{
			text-align: center;
    margin-left: -3px;
    color: #1c1d1a;
    letter-spacing: 3px;
    margin-top: 4rem;
    margin-bottom: 4rem;
    font-size: 24px;
    font-weight: 400;
		}

		
		.photo1{
			background-image: url("../images/img08.jpg");
		    background-repeat: no-repeat;
		   	background-size: cover;
		   	width: 100%;
		   	height: 500px;
		}

		.orangeblock1{
				background-color: #cda075;
				padding-right: 100px;
			
		}

		.photo2::before{
		   
		    border-top: 2px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: -15px;
    		margin-left: 3rem;
			}

		

		.s1{
			    margin-top: 80px;
			    margin-left: 3rem;
			    color: white;
			    letter-spacing: 2px;
			    font-size: 17px;
			    font-weight: 200;
			    line-height: 28px;
			    margin-right: 4rem;
			    text-align: justify;
		}

		.s2{

				margin-top: 31px;
			    margin-left: 3rem;
			    color: white;
			    letter-spacing: 1.5px;
			    font-size: 17px;
			    font-weight: 200;
			    line-height: 28px;
			    margin-right: 4rem;
			    text-align: justify;
		}

		.photo4{
			background-image: url("../images/img8.jpg");
		    background-repeat: no-repeat;
		   	background-size: cover;
		   	width: 100%;
		   	height: 500px;
		}

		.photo2::before{
		   
		    border-top: 2px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: -15px;
    		margin-left: 3rem;
			}

		.orangeblock2{
			background-color: #cda075;

		}

		.s3{
				margin-top: 80px;
			    margin-left: 9rem;
			    color: white;
			    letter-spacing: 2px;
			    font-size: 17px;
			    font-weight: 200;
			    line-height: 28px;
			    margin-right: 4rem;
			    text-align: justify;
		}

		.s4{

				margin-top: 31px;
			    margin-left: 9rem;
			    color: white;
			    letter-spacing: 1.5px;
			    font-size: 17px;
			    font-weight: 200;
			    line-height: 28px;
			    margin-right: 4rem;
			    text-align: justify;
		}

		.photo3::before{
		   
		    border-top: 2px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: -15px;
    		margin-right: 5rem;
    	    right: 0px;
			}

.line::before { 
  
    content: url(../images/line1.png);
    
    color: red;
    font-weight: bold;
}
.line::after { 
  
    content: url(../images/line2.png);
    
    color: red;
    font-weight: bold;
}

.owl-carousel .owl-nav [class*='owl-'] {
  transition: all .3s ease;
}

#owl-demo1 img{
	/*background-color: #d3d3d3;*/
    margin-top: 9px;
    margin-bottom: 0px;
}

#owl-demo1 .owl-item img {
    
    border-top: 4px solid #eaeaea;
    border-bottom: 4px solid #eaeaea;
}

.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
  background-color: #D6D6D6;
}

.owl-carousel {
  position: relative;
  padding: 0px;
}
.owlnav2 .owl-next,
.owlnav2 .owl-prev {
  width: 100px !important;
  height: 100px !important;
  line-height: 0px;
  border-radius: 0%;
  position: absolute;
  top: 30%;
  font-size: 25px !important;
  color: #cda075 !important;
  border: none !important;
  text-align: center;
}

.owlnav2 .owl-prev {
  left: 0px !important;
}

.owlnav2 .owl-next {
  right: 0px !important;
}

.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 100px;
  height: 100px;
  line-height: 0px;
  border-radius: 0%;
  position: absolute;
  top: 30%;
  font-size: 25px !important;
  color: #cda075 !important;
  border: none !important;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: -70px;
}

.owl-carousel .owl-next {
  right: -70px;
}
.owl-theme .owl-nav [class*='owl-'] {
    color: #cda075;
    font-size: 70px;
    margin: 5px;
  	outline: 0;
    /* background: #D6D6D6; */
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: transparent;
    color: #cda075;
    text-decoration: none;

}
.owl-carousel .owl-nav [class*='owl-'].disabled:hover {
    background-color: #cda075;
}


.owl-theme .owl-nav [class*='owl-'] {
    color: #cda075;
    font-size: 70px;
    margin: 5px;
    
    background: transparent;
    display: inline-block;
    cursor: pointer;
    border: 0px;
    border-radius: 0px;
}

#owl-demo .item{
	margin: 10px;
}



 .img-thumbnail{
 	border-color: #1c1d1a;
 	border-radius: 0px !important;
 	padding: 4px;
 }


.btn{
	border-radius: 0px !important;
}

.locationselectbox{
	width: 38%;
	color: #cda075;
	margin-left: 26rem;
}

.locationsearch{
	background-color: #DEB887 !important;
    border-radius: 0px;
    width: 104px !important;
    color: white;
    font-size: 18px;
    margin-left: 63rem;
    margin-top: -112px;
}

.loactionicon{
	margin-left: 61rem;
    margin-top: -62px;
}

.selectText{
	color: #cda075;
}

.text1 :hover{
	text-decoration: none;
}

			.locationimg{
				 background-image: url("../images/locationb.jpg");
		    	 background-repeat: no-repeat;
		    	 background-size: cover;
		   		 width: 100%;
		   		 height: 360px;
			}

			.bg1{
				
				font-size: 55px;
				text-align: center;
				color: white;
    			margin-top: 60px;
    			font-weight: 400;
    			letter-spacing: 3px;
			}

				.bannerline { 
  
  border-bottom: 3px solid #cda075;

}


			

			.bg2{
				font-size: 24px;
				font-weight: 400;
    			letter-spacing: 3px;
				text-align: center;
				color: white;
				margin-top: 40px;
			}

			.bg3{
				font-weight: 400;
    			letter-spacing: 3px;
				font-size: 20px;
				text-align: center;
				color: white;
				margin-top: -15px;
			}

			.search{
				 text-align: center;
				 margin-left: 3px;
				 color: #1c1d1a;
				 letter-spacing: 3px;
				 margin-top: 2rem;
				 margin-bottom:2rem;
				 font-size: 24px;
				 font-weight: 400;
			}

		

			

			.locationsearch:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}

			.dropdown-toggle{
				background-color: white !important;    
				border-color: #ccc; color: #DEB887; 
				width: 30% !important;
				text-align: left;
				border-radius: 0px; 
				height: 45px !important;
				font-size: 18px;
				padding-left: 20px;
			}

			.citi{
				text-align: center;
			    margin-left: 3px;
			    color: #1c1d1a;
			    letter-spacing: 3px;
			    margin-top: 2rem;
			    margin-bottom:2rem;
			    font-size: 24px;
			    font-weight: 400;
			}

			



		.worli{
			 background-image: url('../images/worli.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.kalaghoda{
			 background-image: url('../images/kalaghoda.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.bkc{
			 background-image: url('../images/bandra-kurla.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.thane{
			 background-image: url('../images/thane.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.vn{
			 background-image: url('../images/viman-nagar.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.catheral{
			 background-image: url('../images/Cathedral-Road.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.vc{
			 background-image: url('../images/velachery.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.in{
			 background-image: url('../images/indiranagar.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.whit{
			 background-image: url('../images/whitefield.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.bel{
			 background-image: url('../images/belgaum.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.ca{
			 background-image: url('../images/chennai-airport.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}

		.ka{
			 background-image: url('../images/kolkata-airport.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 300px;
		}





		.w1{
			font-size: 35px;
   			text-align: center;
    		color: white;
    		margin-top: 25%;
    		letter-spacing:2px;
		}

		.w2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 0px;
}

.k1{

	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
		}

		.k2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 8px;
}

.bkc1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
		}

		.bkc2{
	text-align: center;
	font-size: 31px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.thane1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.thane2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.vn1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.vn2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.catheral1{
    /* margin-left: 7rem; */
    font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.catheral2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.vc1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.vc2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.in1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.in2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.whit1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.whit2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.bel1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.bel2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.ca1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.ca2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.ka1{
	font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 25%;
    letter-spacing:2px;
}

.ka2{
	text-align: center;
	font-size: 35px;
	letter-spacing: 3px;
	color: white;
	margin-left: 13px;
}

.worli:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.worli:hover .w1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.kalaghoda:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.kalaghoda:hover .k1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}


.bkc:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.bkc:hover .bkc1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.thane:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.thane:hover .thane1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.vn:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.vn:hover .vn1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.catheral:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.catheral:hover .catheral1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.vc:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.vc:hover .vc1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}


.in:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.in:hover .in1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.whit:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.whit:hover .whit1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.bel:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.bel:hover .bel1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.ca:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.ca:hover .ca1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.ka:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.ka:hover .ka1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}


	.project-info-box {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s ease;
    background-color: rgba(205, 160, 117,0.8);
    text-align: center;
    opacity: 0;
}

.project-info-box:before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
}


		.container1 {
  position: relative;
  width: 100%;
}



.text1{
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 30px;
}



.project-info-box .add1{
	font-size: 16px;
	color: white;
	display: inline;
	margin-left: 0px;
	letter-spacing: 1px;
}

.b1{
	width: 150px;
	text-transform: uppercase;
	font-size: 12px;
	color: #1c1d1a;
	background-color: white;
	border: 1px solid white;
	padding: 5px;
	margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px;
    letter-spacing:2px;
}

.b2{
	width: 150px;
	text-transform: uppercase;
	font-size: 12px;
	color: #1c1d1a;
	background-color: white;
	border: 1px solid white;
	padding: 5px;
	margin-top: 15px;
	margin-left: 0px;
	letter-spacing:2px;
}

.b3{
	width: 150px;
	text-transform: uppercase;
	font-size: 12px;
	color: #1c1d1a;
	background-color: white;
	border: 1px solid white;
	padding: 5px;
	margin-top: 15px;
	letter-spacing:2px;
	
}

.underline1::after{
		   
		    border-top: 1px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 60px;
		    height: 14px;
		    margin-top: 3px;
		    margin-left: -2rem;
			}
			.cming{
				text-align: center;
			    margin-left: 3px;
			    color: #1c1d1a;
			    letter-spacing: 3px;
			    margin-top: 2rem;
			    margin-bottom:2rem;
			    font-size: 24px;
			    font-weight: 400;
			}

			

			.cmingbutton1{
				width: 218px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-bottom: 5rem;
				letter-spacing:2px;
			}

			.cmingbutton2{
				width: 270px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-left: 1rem;
				margin-bottom: 5rem;
				letter-spacing:2px;
			}

			.cmingbutton1:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}

			.cmingbutton2:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}

			.wImage{
			
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 430px;
			}

			.reservation{
				background-color: #cda075;
				height: 136px;
				border-radius: 0px;
				margin-top: 0px !important;

			}

			.reservation1{
				text-align: center;
				margin-top: -18px;
			}

			.reservation2{
				font-family: 'Lato', sans-serif !important;
				font-size: 20px;
				width: 200px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				letter-spacing: 3px;
			}

			.reservation3{
				font-family: 'Lato', sans-serif !important;
				font-size: 20px;
				width: 200px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-left: 10px;
				letter-spacing: 3px;
			}

			.reservation4{
				font-family: 'Lato', sans-serif !important;
				font-size: 20px;
				width: 200px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-left: 10px;
				letter-spacing: 3px;
			}

			.reservation2:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}


			.reservation3:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}


			.reservation4:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}

			.map-responsive{
				margin-top: 15px;
			}


			.wtitle{
				text-align:left;
    			margin-left: 3px;
    			color: #1c1d1a;
    			letter-spacing: 3px;
    			margin-top: 6px;
    			font-size: 30px;
    			font-weight: 400;
			}

			.wtext{
				font-size: 15px !important;
    			margin-left: 3px;
    			letter-spacing: 2px !important;
    			margin-bottom:2rem;
    			
    			font-weight: 400;
				text-align: left;
				color: #1c1d1a;
			}

			.wsubtitle{
				text-align:left;
    			margin-left: 3px;
    			color: #cda075;
    			letter-spacing: 3px;
    			margin-top: 2rem;
    			font-size: 22px;
    			font-weight: 500;			
			}

			.wadd{
				margin-left: 3px;
			    letter-spacing: 2px !important;
			    margin-bottom:2rem;
			   	font-size: 15px !important;
			    font-weight: 400;
				text-align: left;
				color: #1c1d1a;
			}

			.caterImage{
			 background-image: url('../images/cateringb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 360px;
			}

			.caterTitle{
				font-weight: 400;
				font-size: 55px;
				letter-spacing: 3px;
				color: white;
				margin-top: 7rem;
			}

			

			.cateringSubtitle{

				text-align: center;
			    margin-left: -3px;
			    color: #1c1d1a;
			    letter-spacing: 3px;
			    margin-top: 3rem;
			    margin-bottom: 3rem;
			    font-size: 24px;
			    font-weight: 400;
			}

			.greycolorcater{
				background-color: #f6f6f6;
				
			}


			.greycolor{
				background-color: #f6f6f6;
				padding-left: 10%;
			}

			.smallunderline::before{
		   
		    border-top: 2px solid #cda075;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: 45px;
		    margin-left: 12rem;
			}

			.caterText{
				margin-top: 65px;
			    font-size: 15px;
			    letter-spacing: 2px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
			    margin-left: 190px;
			}

			.cateringcaptcha{
				width: 100px; 
				height: 38px; 
				float: right; 
				margin-top: -38px;
				margin-right: -120px;
			}

			.orangecolor{
				background-color: #cda075;
				padding-right: 160px;
			}

			

			.form-control{
				margin-top: 30px;
				border-radius: 0px;
				   
			}


			.orangecolor .form-control,.contactorange .form-control,.franchisebg .form-control{
				margin-top: 30px;
				border-radius: 0px;
				    border: 1px solid #cda075;
    border-bottom: 2px solid #b38963;
			}

			.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #4c4c4c !important;
    outline: 0;
    box-shadow: 0 0 0 0.2rem hsla(0, 0%, 100%, 0) !important;
}
.form-control::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #555555;
}
.form-control:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #555555;
    opacity:  1;
}
.form-control::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #555555;
    opacity:  1;
}
.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #555555;
}

			.submit{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				width: 150px;
				color: #cda075;
				background-color: #1c1d1a;
				border: 1px solid #1c1d1a;
				padding: 7px;
				margin-top: 50px;
				margin-left: 16px;
				margin-bottom: 60px;
				letter-spacing: 2px;
			}

			.franchisecaptcha{
				margin-top: -38px;
				width: 100px; 
				height: 38px; 
				float: right;
				margin-right: 161px;
			}

			.franchisesubmit{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				width: 150px;
				color: #cda075;
				background-color: #1c1d1a;
				border: 1px solid #1c1d1a;
				padding: 7px;
				margin-top: 50px;
				margin-left: 0px;
				margin-bottom: 60px;
				letter-spacing: 2px;
			}

			
.ourstoryxs{

display:none !important;

}

.ourfoodxs{

display:none !important;

}
			.bottom{
				margin-bottom: 100px;
			}

			.franchisebg{
				background-color: #cda075;
				padding-top: 15px;
			}

			.franchiseImage{
			 background-image: url('../images/franchisingb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 360px;
			}

			.franchiseTitle{
				text-align:center;
    			margin-left: 3px;
    			color: white;
    			letter-spacing: 3px;
    			margin-top: 8rem;
    			font-size: 55px;
    			font-weight: 400;
			}

			

			.franchiseSubtitle{

				text-align: center;
			    margin-left: -3px;
			    color: #1c1d1a;
			    letter-spacing: 3px;
			    margin-top: 3rem;
			    margin-bottom: 3rem;
			    font-size: 24px;
			    font-weight: 400;
			}

			

			.franchiseText{
				margin-top: 35px;
				margin-bottom:  35px;
			    font-family: 'Lato', sans-serif !important;
			    font-size: 16.7px;
			    letter-spacing: 1.75px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
			    text-align: center;
			}

			.lbel{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				letter-spacing: 1px;
				color: #1c1d1a;	
				margin-top: 36px;
				margin-bottom: -25px;	
			}



			

			.security{
				width: 50%;
			}

			

			.submit1{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				width: 150px;
				color: #cda075;
				background-color: #1c1d1a;
				border: 1px solid #1c1d1a;
				padding: 7px;
				margin-top: 50px;
				margin-left: 0px;
				margin-bottom: 60px;
				letter-spacing: 2px;
			}

			.contactsubmit{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				width: 130px;
				color: #cda075;
				background-color: #1c1d1a;
				border: 1px solid #1c1d1a;
				padding: 7px;
				margin-top: 50px;
				margin-left: 15px;
				margin-bottom: 60px;
				letter-spacing: 1px;
			}

			.careerImage{
			 background-image: url('../images/careersb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 360px;
			}

			.careerTitle{
				text-align:center;
    			margin-left: 3px;
    			color: white;
    			letter-spacing: 3px;
    			margin-top: 8rem;
    			font-size: 55px;
    			font-weight: 400;
			}

			

			.careerSubtitle{

				text-align: center;
			    margin-left: -3px;
			    color: #1c1d1a;
			    letter-spacing: 3px;
			    margin-top: 3rem;
			    margin-bottom: 3rem;
			    font-size: 24px;
			    font-weight: 400;
				
			}

			

			.careerText{
				margin-top: 35px;
				margin-bottom:  35px;
			    font-family: 'Lato', sans-serif !important;
			    font-size: 16.7px;
			    letter-spacing: 1.75px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
			    text-align: center;
			}

			.red{
				color: red;
				float: right;
			}

			.careerarrow{
				float: right;
				margin-right: 3px;
				margin-top:-22px;
			}

			.careerlbel{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				letter-spacing: 1px;
				color: #1c1d1a;	
				margin-top: 36px;
				margin-bottom: -25px;	
			}

			.red1{
				color: red;
				float: right;
				font-size: 10px;
				margin-top: 8px;
			}

			.contactImage{
			 background-image: url('../images/contactusb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 360px;
			}

			.contactTitle{
				text-align:center;
    			margin-left: 3px;
    			color: white;
    			letter-spacing: 3px;
    			margin-top: 8rem;
    			font-size: 55px;
    			font-weight: 400;
    		}

			
			.contactSubtitle{

				text-align: center;
			    margin-left: -3px;
			    color: #1c1d1a;
			    letter-spacing: 3px;
			    margin-top: 3rem;
			    margin-bottom: 3rem;
			    font-size: 24px;
			    font-weight: 400;

				
			}

			

			.contactheading{
				font-family:  'Lato', sans-serif !important;
				font-size: 22px;
				letter-spacing: 2px;
				text-transform:uppercase;
				color: #1c1d1a;
				margin-top:35px;
				font-weight: 400;
				line-height: 36px;
			}

			.contactsubheading{
				font-family:  'Lato', sans-serif !important;
				font-size: 22px;
				letter-spacing: 1px;
				color: #cda075;
				text-align: left;
				margin-left: 0rem;
    			margin-top: 22px;
    			font-weight: 400;
			}

			.contactText1{
				
				margin-bottom: 0px;
				margin-left:  0px;
			    font-family: 'Lato', sans-serif !important;
			    font-size: 16.7px;
			    letter-spacing: 1.75px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
			}

			.contactText2{
				margin-bottom:  35px;
				margin-left:  0px;
			    font-family: 'Lato', sans-serif !important;
			    font-size: 16.7px;
			    letter-spacing: 1.75px;
			    line-height: 30px;
			    font-weight: 400;
			    color: #343434;
			    word-spacing: 1px;
			}

			.contacticon1{
				margin-left: 0px;
				margin-bottom: 30px;
			}

			.contacticon2{
				margin-left: 20px;
				margin-bottom: 30px;
			}

			.contactorange{
				background-color: #cda075;
				padding-top: 15px;
				padding-right: 160px;
			}

			

			.contactMap{
				position: absolute;
    			top: 0;
    			left: 0;
    			z-index: 1;
    			border:0; 
    			height: 400px; 
    			width: 100%;
			}

			.careercaptch{
				width: 100px; 
				height: 38px; 
				margin-top: -67px;
				margin-left: 282px;
			}

			.contactcaptcha{
				width: 100px; 
				height: 38px; 
				float: right; 
				margin-top: -38px;
				margin-right: -120px;
			}






	@media (max-width: 576px){

.locationslide{

height:365px;

}
		.carousel-control-prev {
    left: 8px;
}
.carousel-control-next {
    right: 8px;
}

		.line::before { 
  
    content: url(../images/line1s.png);
    
    color: red;
    font-weight: bold;
}
.line::after { 
  
    content: url(../images/line2s.png);
    
    color: red;
    font-weight: bold;
}

		.navbar-collapse {
    margin-top: 5px;
    border-top: 1px solid #3b3a3a;
}


.achievements{
				font-size: 15px;
				line-height: 25px;
			}

.pipe::after{
		   
		    border-right: 0px solid #cda075;
		    
		    content: '';
		    position: absolute;
		    width: 10px;
		    height: 14px;
		    letter-spacing: 50%;
		    margin-left: -2px;
		    top:36px;
			}

	body{
		font-family: 'Lato', sans-serif !important;
	}
	.slr{
	background-color: #000 !important;

}

.slc{
	margin-left: 33px;

}

.i1{
	top: 15px !important;
}

.i2{

}

.i3{
	width: 100px !important;
}

.i4{
	width: 100px !important;
}
.sl4 {
    margin-right: 0px !important;
}
.sl3 {
    margin-right: 9px !important;
}
a{
	
	font-family: 'Lato', sans-serif !important;
	color: #cda075 !important;
}

a:hover{
	border-bottom: none !important;
}

.logoimage{
	width: 250px !important;
	
}

.navbar-expand-lg .navbar-nav{
	height: 220px;
}	

.navbar{
		  width:100%;
		  background-color:#000 !important;
		  color: #cda075;
		  border-top: 1px solid #3b3a3a;
		}

.nav-link{
			font-family: 'Lato', sans-serif !important;
			font-size: 13px !important;
			color: #cda075 !important;
			display: inline-block;
			letter-spacing: 2px;
			
		}

.locationselectbox{
	width: 62% !important;
	color: #cda075 !important;
	margin-left: 0rem !important;
}

.searchlocation{
	margin-left:0% !important;
}
.locationsearch{
	background-color: #DEB887 !important;
    border-radius: 0px;
    width: 104px !important;
    color: white;
    font-size: 18px;
	    margin-top: 0px !important;
   
}

.loactionicon{
	margin-left: 12rem !important;
    margin-top: -62px !important; 
}

.selectText{
	color: #cda075;
}

.carousel-indicators li{

}

.link:hover{
				color: white !important;
				border-bottom: 2px solid #3b3a3a !important;
				display: inline-block;
				}

		.d-none {
     display: inline-block !important;
}

	 .homeslider .carousel-item {
  height: 383px !important;
  min-height: 100px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  transition: transform 2s ease, opacity .5s ease-out;
}
/**
 * Change animation duration
 */
.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}




	.carousel-caption {
   /* top: 80% !important;*/
}
		


		.indexText{
			font-family: 'Minion Variable Concept';
    font-size: 20px;
    color: White;
    letter-spacing: 3px;
    text-align: center;
    /* margin-top: -13rem; */
    text-transform: uppercase;
		}

		.indexButton{
			font-family: 'Lato', sans-serif !important;
    font-size: 12px !important;
    width: 100px !important;
    color: #cda075;
    background-color: white;
    border-color: transparent;
    padding: 2px !important;
    margin-top: 3px;
    letter-spacing: 1px;
		}

		.footer1{
			font-family: 'Lato', sans-serif !important;
			font-size: 9px;
			color: #cda075;
			text-transform: uppercase;
			margin-top: 12px;
			    margin-bottom: 0px;
				line-height: 15px;
				letter-spacing: 1px;
		}

		.f1{
			font-family: 'Lato', sans-serif !important;
			font-size: 12px !important;
			color: #cda075 !important;
			
		}

		.f2{
			float: left;
		}

		

		 .aboutImage {

		    	 background-image: url("../images/banner.jpg");
		    	 background-repeat: no-repeat;
		    	 background-size: cover;
		   		 width: 100%;
		   		 height: 80px;
		   	    }

		.about1{
			font-family: 'Lato', sans-serif !important;
			font-size: 16px;
			color: white;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-top: 1rem;
    		margin-left: 0rem;
		}


		.about2{
			font-family: 'Lato', sans-serif !important;
			font-size: 16px;
			color: white;
			text-transform: uppercase;
			letter-spacing: 2px;
			margin-left: 12rem;
    		margin-top: 1rem;
		}

		.j1{
			font-size: 15px;
		}

		
		.j4{
			font-family: 'Lato', sans-serif !important;
    font-size: 15px;
    letter-spacing: 2px;
    color: black;
    line-height: 25px;
		}

		.os1{
			margin-top: 4rem !important;
			margin-left: 5px;
			font-size: 15px;
		}

		.img-fluid {
    max-width: 100% !important;
    height: auto;
}
		.os4{
			    margin-top: 35px;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px;
    color: black;
    letter-spacing: 1px;
    line-height: 26px;
		}

		.osi1{
			background-image: none;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    border: 1px solid #cda075;
		   
		}


		.text{
			font-family: 'Lato', sans-serif !important;
			font-size: 10px;
			color: #cda075;
			letter-spacing: 0px;
			text-align: center;
			padding-top: 5px;
		}
	
	.osi{
		margin-top: 0px;
		margin-left: 0px;
	}

	.abouttext1{
			        font-family: 'Lato', sans-serif !important;
    font-size: 10px;
    color: #cda075;
    text-transform: uppercase;
    line-height: 17px;
padding: 15px 2px 21px 10px;
    
    
		}

		.abouttext2{
			font-family: 'Lato', sans-serif !important;
    font-size: 9px !important;
    color: #cda075 !important;
    text-align: left;
    margin-top: -35px;
    padding: 0px 48px 18px 10px;
    line-height: 18px;
 
		}

	

	
		.r1{
			margin-top: 2rem !important;
			margin-bottom: 4rem;
			margin-left: 0px;
			text-align: center;
		    margin-left: 1px;
		    color: #cda075;
		    letter-spacing: 1px;
		    margin-top: 5rem;
		    font-size: 15px;
		    font-weight: 400;
		    margin-bottom: 2rem;
		}

		

		.container1{
		    position: relative;
		    font-family: 'Lato', sans-serif !important;
		    }

		.text-block {
				position: relative;
    top: 130px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0,0,0,0.6);
    color: white;
    text-align: left;
    min-height: 41px;
    /* margin-top: 20px; */
    padding-left: 5px;
    padding-right: 5px;
			    
				}

		.ptext{
			font-family: 'Lato', sans-serif !important;
    font-size: 11px;
    margin: auto;
    text-align: left;
    letter-spacing: 1px;
    line-height: 18px;
		   
		}

		.text-block1{
			position: relative;
    top: 145px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: rgba(0,0,0,0.6);
    color: white;
    text-align: left;
    min-height: 41px;
    /* margin-top: 20px; */
    padding-left: 5px;
    padding-right: 5px;
			}
.oc {
    margin-top: 10px;
    margin-bottom: 10px;
}
			.ri1{
			background-image: url("../images/01.jpg");
		    background-repeat: no-repeat;
		    background-size: cover;
		   	width: 100%;
		   	height: 250px;
		   	margin-left: 0px;

		}


		.ri2{
			background-image: url("../images/02.jpg");
		    background-repeat: no-repeat;
		    background-size: cover;
		   	width: 100%;
		   	height: 250px;
		   	margin-left: 1px;
		}

		.owl-carousel .owl-next,
.owl-carousel .owl-prev {
  width: 100px;
  height: 100px;
  line-height: 0px;
  border-radius: 0%;
  position: absolute;
  top: 30%;
  font-size: 25px !important;
  color: #cda075 !important;
  border: none !important;
  text-align: center;
}

.owl-carousel .owl-prev {
  left: 0px !important;
}

.owl-carousel .owl-next {
  right: 0px !important;
}

		.n1{
			margin-top: 4rem;
			
		}

		.awards{
				text-align: center;
			   font-size: 15px !important;
			    color: #cda075;
			    margin-top: 4rem;
			    font-weight: 400;
		}

		

		.awardsText{
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			letter-spacing: 2px;
			color: #1c1d1a;
			text-align: center;
			margin-top: 25px;
			line-height: 25px;
		}

		.awardsText1{
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			letter-spacing: 2px;
			color: #1c1d1a;
			text-align: center;
			margin-top: 35px;
			line-height: 25px;
		}

		

		.column1{
			margin-left: 0px;
		} 

		.column{
			margin-left: 69px;
		}

		.foodImage{
				 background-image: url("../images/banner1.jpg");
		    	 background-repeat: no-repeat;
		    	 background-size: cover;
		   		 width: 100%;
		   		 height: 100px;
		}

		.of1{
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			color: #1c1d1a;
			margin-top: 4rem;
			margin-bottom: 2rem;
		}

		

		.food1{
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			color: #1c1d1a;
			letter-spacing: 2px;
			line-height: 25px;
		}

		.food{
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			color: #1c1d1a;
			letter-spacing: 1px;
			margin-bottom: 2rem;
			line-height: 25px;
		}

		.ct1{
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			color: #1c1d1a;
			margin-left: 0px !important;
			margin-top: 4rem;
			margin-bottom: 2rem;
		}

		

		.photo1{
			background-image: url("../images/img08.jpg");
		    background-repeat: no-repeat;
		   	background-size: cover;
		   	width: 100%;
		   	height: 250px;
		}

		.orangeblock1{
				background-color: #cda075;
				padding-right: 10px;
    			padding-left: 10px;
			
		}

		.photo2::before{
		   
		    border-top: 2px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: -15px;
    		margin-left: 3rem;
			}

		

		.s1{
			margin-top: 49px;
			margin-left: 0rem;
			color: white;
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			letter-spacing: 2px;
			margin-right: 0rem;
			line-height: 25px;
		}

		.s2{

			margin-top: 11px;
    margin-left: 0rem;
    color: white;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px;
    letter-spacing: 2px;
    margin-right: 0rem;
    line-height: 25px;
			
		}

		.photo4{
			background-image: url("../images/img8.jpg");
		    background-repeat: no-repeat;
		   	background-size: cover;
		   	width: 100%;
		   	height: 250px;
		   	
		}

		.photo2::before{
		   
		    border-top: 2px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: -15px;
    		margin-left: 0rem;
			}

		.orangeblock2{
			background-color: #cda075;
		
   		   
		}

		.s3{
			
			margin-top: -197px;
			margin-left: 0rem;
			color: white;
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			letter-spacing: 2px;
			margin-right: 0rem;
			line-height: 25px;
		}

		.s4{

			
			margin-top: 30px;
			margin-left: 0rem;
			color: white;
			font-family: 'Lato', sans-serif !important;
			font-size: 15px;
			letter-spacing: 2px;
			margin-right: 0rem;
			line-height: 25px;
		
		}

		.photo3{
			margin-top: 15rem;
		}

		.photo3::before{
		   
		    border-top: 2px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: -8px;
    		margin-right: 253px;
			}

		.locationimg{
				 background-image: url("../images/locationb.jpg");
		    	 background-repeat: no-repeat;
		    	 background-size: cover;
		   		 width: 100%;
		   		 height: 155px;
			}

			.bg1{
				font-family: 'Lato', sans-serif;
				font-size: 20px;
				text-align: center;
				color: white;
				margin-top: 40px;
				margin-bottom: 10px;
			}

			
			.bg2{
				font-family: 'Lato', sans-serif;
				font-size: 13px;
				text-align: center;
				color: white;
				margin-top: 10px;
				margin-bottom: 10px;
			}

			.bg3{
				font-family: 'Lato', sans-serif;
				font-size: 10px;
				text-align: center;
				color: white;
				margin-top: 3px;
				margin-bottom: 10px;
				letter-spacing: 1px;
			}

			.search{
				font-size: 15px;
				font-family: 'Lato', sans-serif !important;
				color: #1c1d1a;
				margin-top: 0rem;
				margin-bottom: 2rem;
				margin-left: 0px;
			}

			
			

			.dropdown-toggle{
				background-color: white !important;    
				border-color: #ccc; color: #DEB887; 
				width: 57% !important;
				text-align: left;
				border-radius: 0px; 
				height: 45px !important;
				font-size: 18px;
				padding-left: 20px;
			}

			.citi{
				font-size: 15px;
				font-family: 'Lato', sans-serif !important;
				color: #1c1d1a;
				margin-top: 4rem;
				margin-bottom: 4rem;
				margin-left: 0px;
				text-align: center;
			}

			



		.worli{
			 background-image: url('../images/worli.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.kalaghoda{
			 background-image: url('../images/kalaghoda.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.bkc{
			 background-image: url('../images/bandra-kurla.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.thane{
			 background-image: url('../images/thane.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.vn{
			 background-image: url('../images/viman-nagar.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.catheral{
			 background-image: url('../images/Cathedral-Road.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.vc{
			 background-image: url('../images/velachery.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.in{
			 background-image: url('../images/indiranagar.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.whit{
			 background-image: url('../images/whitefield.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.bel{
			 background-image: url('../images/belgaum.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.ca{
			 background-image: url('../images/chennai-airport.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}

		.ka{
			 background-image: url('../images/kolkata-airport.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 200px;
		}





		.w1{
			font-size: 30px;
			text-align: center;
			color: white;
		}

		.w2{
	text-align: center;
	font-size: 30px !important;
	color: white;
	
}

.k1{
			font-size: 30px;
			text-align: center;
			color: white;
			
		}

		.k2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 8px;
}

.bkc1{
			font-size: 25px;
			text-align: center;
			color: white;
		
		}

		.bkc2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
	letter-spacing: 1px;
}

.thane1{
	font-size: 30px;
			text-align: center;
			color: white;
			
}

.thane2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.vn1{
	font-size: 30px;
			text-align: center;
			color: white;
			
}

.vn2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.catheral1{
	   font-size: 30px;
			text-align: center;
			color: white;
			
    /* margin-left: 9rem; */
    /* padding: 25%; */
}

.catheral2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.vc1{
	font-size: 30px;
			text-align: center;
			color: white;
			
}

.vc2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.in1{
	font-size: 30px;
			text-align: center;
			color: white;
			
}

.in2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.whit1{
	font-size: 30px;
			text-align: center;
			color: white;
			
}

.whit2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.bel1{
	font-size: 30px;
			text-align: center;
			color: white;
			
}

.bel2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.ca1{
	font-size: 30px;
			text-align: center;
			color: white;
	}
.ca2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.ka1{
	font-size: 30px;
			text-align: center;
			color: white;
			
}

.ka2{
	text-align: center;
	font-size: 22px;
	color: white;
	margin-left: 13px;
}

.worli:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.worli:hover .w1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.kalaghoda:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.kalaghoda:hover .k1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}


.bkc:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.bkc:hover .bkc1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.thane:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.thane:hover .thane1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.vn:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.vn:hover .vn1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.catheral:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.catheral:hover .catheral1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.vc:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.vc:hover .vc1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}


.in:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.in:hover .in1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.whit:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.whit:hover .whit1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.bel:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.bel:hover .bel1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.ca:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.ca:hover .ca1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}

.ka:hover .project-info-box {
    opacity: 1;
    transition: opacity 0.5s ease;
}

.ka:hover .ka1 {
    opacity: 0;
    transition: opacity 0.5s ease;
}


	.project-info-box {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transition: .5s ease;
    background-color: rgba(205, 160, 117,0.8);
    text-align: center;
    opacity: 0;
}

.project-info-box:before {
    content: "";
    position: absolute;
    top: 6px;
    bottom: 6px;
    left: 6px;
    right: 6px;
}


		.container1 {
  position: relative;
  width: 100%;
}



.text1{
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  width:100%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}


.project-info-box .add1{
	font-size: 14px;
	color: white;
	display: inline;
	margin-left: 0px;
}

.b1{
	width: 150px;
	text-transform: uppercase;
	font-size: 10px;
	color: #1c1d1a;
	background-color: white;
	border: 1px solid white;
	padding: 5px;
	margin-right: 0px;
    margin-left: 0px;
    margin-top: 15px;
}

.b2{
	width: 150px;
	text-transform: uppercase;
	font-size: 10px;
	color: #1c1d1a;
	background-color: white;
	border: 1px solid white;
	padding: 5px;
	margin-top: 15px;
	margin-left: 0px;
}

.b3{
	width: 150px;
	text-transform: uppercase;
	font-size: 10px;
	color: #1c1d1a;
	background-color: white;
	border: 1px solid white;
	padding: 5px;
	
}

.underline1::after{
		   
		    border-top: 1px solid white;
		    
		    content: '';
		    position: absolute;
		    width: 60px;
		    height: 14px;
		    margin-top: 3px;
		    margin-left: -2rem;
			}

			.cming{
				font-size: 15px;
				font-family: 'Lato', sans-serif !important;
				color: #1c1d1a;
				margin-top: 4rem;
				margin-bottom: 4rem;
				margin-left: 0px;
				text-align: center;
			}

			

			.cmingbutton1{
				width: 218px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-bottom: 15px;
			}

			.cmingbutton2{
				width: 270px;
				text-transform: uppercase;
				font-size: 13px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-left: 1px;
    letter-spacing: 1px;
			}

	.wImage{
			
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 150px;
			}

			.Worlileft{
				margin-top: -15rem !important;
			}

			.Worliright{
				margin-top: -15rem !important;
			}


			
			.reservation{
				background-color: #cda075;
				height: 170px;
				border-radius: 0px;
				margin-top: -217px !important;
			}

			.reservation1{
				text-align: center;
				margin-top: -32px;
			}

			.reservation2{
				font-family: 'Lato', sans-serif !important;
				font-size: 20px;
				width: 200px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-top: 10px;
    			margin-left: 10px;
			}

			.reservation3{
				font-family: 'Lato', sans-serif !important;
				font-size: 20px;
				width: 200px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-left: 10px;
				margin-top: 10px;
			}

			.reservation4{
				font-family: 'Lato', sans-serif !important;
				font-size: 20px;
				width: 200px;
				text-transform: uppercase;
				font-size: 14px;
				text-align: center;
				color: #cda075;
				background-color: white;
				border: 1px solid #c1c1c1;
				padding: 10px;
				margin-left: 10px;
				margin-top: 10px;
			}

			.reservation2:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}


			.reservation3:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}


			.reservation4:hover{
				background-color: rgba(205, 160, 117);
				color: white;
			}

			.map-responsive{
				
			}

	

			.wtitle{
				
				font-size: 25px;
				text-align: left;
				color: #2b2b2a;
				margin-top: 15px;
			}

			.wtext{
				font-size: 15px;
				
				letter-spacing: 3px;
				line-height: 25px;
				text-align: left;
				color: #2b2b2a;
			}

			.wsubtitle{
				
				font-size: 20px;
				text-align: left;
				color: #cda075;
				margin-top: 25px;				
			}

			.wadd{
				
				font-size: 15px;
			    line-height: 25px;
			    letter-spacing: 3px;
				text-align: left;
				color:#2b2b2a;	
			}

			.caterImage{
			 background-image: url('../images/cateringb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 150px;
			}

			.caterTitle{
				font-family: 'Lato', sans-serif !important;
				font-size: 30px;
				letter-spacing: 3px;
				color: white;
				margin-top: 3rem;
			}

			

			.cateringSubtitle{

				font-family: 'Lato', sans-serif !important;
				font-size: 14px;
				letter-spacing: 1px;
				color: #1c1d1a;
				margin-top: 4rem;
				margin-bottom: 3rem;
				text-align: center;
				margin-left: 2px;
			}

			
			.greycolor{
				background-color: #f6f6f6;
			}

			.smallunderline::before{
		   
		    border-top: 2px solid #cda075;
		    
		    content: '';
		    position: absolute;
		    width: 50px;
		    height: 14px;
		    margin-top: 45px;
		    margin-left: 1rem;
			}

			.caterText{
				font-family: 'Lato', sans-serif !important;
				font-size: 15px;
   			 	line-height: 25px;
    			letter-spacing: 3px;
				color: #1c1d1a;
				margin-top: 3rem;
				margin-left: 18px;
			}

			.orangecolor{
				background-color: #cda075;
				padding-right: 28px !important;
			}

			.cateringcaptcha{
				width: 100px !important;
    			height: 38px !important;
    			margin-top: 20px !important;
    			margin-right: 200px !important;
			}

			.form-control{
				margin-top: 30px;
				border-radius: 0px;
				border-color: 1px solid #cda075;
			}

			

			.submit{
				font-family: 'Lato', sans-serif !important;
				font-size: 18px;
				width: 150px;
				color: #cda075;
				background-color: #1c1d1a;
				border-color: 1px solid #1c1d1a !important;
				padding: 10px;
				margin-top: 30px;
				margin-left: 15px;
				margin-bottom: 15px;
			}

			.bottom{
				margin-bottom: 100px;
			}

			.franchisecaptcha{
				width: 100px; 
				height: 38px; 
				float: right;
				margin-right: 213px;
				margin-top: 26px;
			}

			.franchiseImage{
			 background-image: url('../images/franchisingb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 150px;
			}

			.franchisesubmit{
				
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				width: 150px;
				color: #cda075;
				background-color: #1c1d1a;
				border: 1px solid #1c1d1a;
				padding: 7px;
				margin-top: 36px;
				margin-left: 0px;
				margin-bottom: 60px;
				letter-spacing: 2px;
			

			}

			.franchiseTitle{
				font-family: 'Lato', sans-serif !important;
				font-size: 30px;
				letter-spacing: 3px;
				color: white;
				margin-top: 3rem;
			}

			

			.franchiseSubtitle{

				font-family: 'Lato', sans-serif !important;
				font-size: 15px;
				letter-spacing: 1px;
				color: #1c1d1a;
				margin-top: 4rem;
				margin-bottom: 3rem;
				text-align: center;
				margin-left: 1px;
			}

			
			.franchiseText{
				font-family: 'Lato', sans-serif !important;
				font-size: 15px;
				line-height: 25px;
				color: #1c1d1a;
				margin-top: 3rem;
				letter-spacing: 3px;
				text-align: center;
				margin-bottom: 3rem;
			}

			.lbel{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				letter-spacing: 1px;
				color: #1c1d1a;	
				    margin-top: 10px;
    line-height: 33px;
			}

			.fc{
				margin-top: 15px;
			}

			.security{
				width: 50%;
			}

			

			.submit1{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				width: 150px;
				color: #cda075;
				background-color: #1c1d1a;
				border: 1px solid #1c1d1a;
				padding: 7px;
				margin-top: 50px;
				margin-left: 0px;
				margin-bottom: 60px;
				letter-spacing: 2px;
			}

			.careerImage{
			 background-image: url('../images/careersb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 150px;
			}

			.careerTitle{
				font-family: 'Lato', sans-serif !important;
				font-size: 30px;
				letter-spacing: 3px;
				color: white;
				margin-top: 3rem;
			}

			

			.careerSubtitle{

				font-family: 'Lato', sans-serif !important;
				font-size: 15px;
    			letter-spacing: 2px;
				color: #1c1d1a;
				margin-top: 4rem;
				margin-bottom: 3rem;
				text-align: center;
				
			}

			

			.careerText{
				font-family: 'Lato', sans-serif !important;
				font-size: 15px;
				line-height: 25px;
				color: #1c1d1a;
				margin-top: 3rem;
				letter-spacing: 3px;
				text-align: center;
				margin-bottom: 3rem;
			}

			.red{
				color: red;
				float: right;
			}

			.careerarrow{
				float: right;
				margin-right: 4px;
				margin-top:-22px;
			}

			.careerlbel{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				letter-spacing: 1px;
				color: #1c1d1a;	
				margin-top: 36px;
				margin-bottom: -10px;	
			}

			.red1{
				color: red;
				float: right;
				font-size: 10px;
				margin-top: 8px;
			}

			.contactsubmit{
				font-family: 'Lato', sans-serif !important;
				font-size: 16px;
				width: 130px;
				color: #cda075;
				background-color: #1c1d1a;
				border: 1px solid #1c1d1a;
				padding: 7px;
				margin-top: 50px;
				margin-left: 15px;
				margin-bottom: 60px;
				letter-spacing: 1px;
			}

			.contactImage{
			 background-image: url('../images/contactusb.jpg');
			 background-repeat: no-repeat;
		     background-size: cover;
		   	 width: 100%;
		   	 height: 150px;
			}

			.contactTitle{
				font-family: 'Lato', sans-serif !important;
				font-size: 30px;
				letter-spacing: 3px;
				color: white;
				margin-top: 3rem;
			}

			

			.contactSubtitle{

				font-family: 'Lato', sans-serif !important;
				font-size: 15px;
				letter-spacing: 1px;
				color: #1c1d1a;
				margin-top: 4rem;
				margin-bottom: 3rem;
				text-align: center;
				
			}

			

			.contactheading{
				font-family:  'Lato', sans-serif !important;
				font-size: 18px;
				letter-spacing: 3px;
				
				color: #1c1d1a;
				margin-top:35px;
			}

			.contactsubheading{
				font-family:  'Lato', sans-serif !important;
				font-size: 18px;
				letter-spacing: 1px;
				color: #cda075;
				text-align: left;
				
    			margin-top: 30px;
    			    margin-bottom: 0rem;
			}

			.contactText1{
				font-family: 'Lato', sans-serif !important;
				font-size: 14px;
				letter-spacing: 1px;
				color: #1c1d1a;
				text-align: left;
				margin-left: 1px;
			}

			.contactText2{
				font-family: 'Lato', sans-serif !important;
				font-size: 14px;
				letter-spacing: 1px;
				color: #1c1d1a;
				text-align: left;
				
				    margin-bottom: 10px;
			}

			.contacticon1{
				
				margin-bottom: 15px;
			}

			.contacticon2{
				margin-left: 20px;
				margin-bottom: 15px;
			}

			.contactorange{
				background-color: #cda075;
    			padding-top: 15px;
    			padding-right: 20px !important;
			}

			

			.contactMap{
				position: absolute;
    			top: 0;
    			left: 0;
    			z-index: 1;
    			border:0; 
    			height: 400px; 
    			width: 100%;
			}

			.careercaptch{
				width: 100px; 
				height: 38px; 
				margin-top: 15px;
				margin-left: -13px;
			}

			.contactcaptcha{
				width: 100px; 
				height: 38px; 
				margin-top: 40px;
    			margin-right: 209px;
			}

	}

	
	@media (max-width: 575px)
{
    .hidden-xs-down, .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, 
    .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    }

}

/* Breakpoint SM */
@media (min-width: 576px) and (max-width: 767px)
{
    .hidden-sm-down, .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, 
    .hidden-unless-xs, .hidden-unless-md, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint MD */
@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-md-down, .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-lg, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint LG */
@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-lg-down, .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-xl
    {
        display: none !important;
    } 
}

/* Breakpoint XL */
@media (min-width: 1200px)
{
    .hidden-xl-down, 
    .hidden-xs-up, .hidden-sm-up, .hidden-md-up, .hidden-lg-up, .hidden-xl-up, 
    .hidden-unless-xs, .hidden-unless-sm, .hidden-unless-md, .hidden-unless-lg
    {
        display: none !important;
    } 

    .navbar-expand-lg .navbar-nav{
	height: 40px;
}

}

@media (max-width: 320px){
.logoimage {
    width: 211px !important;
}
.i3,.i4 {
    width: 85px !important;
}
.sl2,.sl1 {
    margin-right: 10px;
}
}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1152px) {
	  
	  
	  .footer1 {
    font-size: 8px;
	
	  }
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
}

.nav-link {
    font-family: 'Lato', sans-serif !important;
    font-size: 12px !important;
    color: #cda075 !important;
    display: inline-block;
    letter-spacing: 1.2px;
    padding-right: 13px;
    margin-left: 1rem;
    padding: 0.2rem 1rem;
}
.ri1 {
    background-image: url(../images/01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 350px;
}
.ri2 {
    background-image: url(../images/02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 350px;
    background-position: right;
}
.ptext {
    font-family: 'Lato', sans-serif !important;
    font-size: 12px;
    letter-spacing: 2px;
    margin: auto;
    padding: 10px;
    /* margin-left: 6px; */
    letter-spacing: 1.25px;
    line-height: 20px;
}

.owl-carousel .owl-prev {
    left: -30px;
}

.owl-carousel .owl-next, .owl-carousel .owl-prev {
    width: 10px;
    height: 10px;
   
}
.owl-carousel .owl-next {
    right: -20px;
}
.greycolor {
    background-color: #f6f6f6;
    padding-left: 30px;
}
.contactorange {
    background-color: #cda075;
    padding-top: 15px;
    padding-right: 30px;
}
.contactText1 {
    
    font-size: 15px;
 
}
.franchisecaptcha {
    margin-top: -38px;
    width: 100px;
    height: 38px;
    float: right;
    margin-right: 85px;
}
.orangecolor {
    background-color: #cda075;
    padding-right: 30px;
}
.caterText {
    margin-left: 30px;
}
.smallunderline::before {
   
    margin-left: 30px;
}
.bkc1,.k1,.w1,.bkc1,.thane1,.vn1,.catheral1,.vc1,.in1,.whit1,.bel1,.ca1,.ka1 {
        font-size: 35px;
    text-align: center;
    color: white;
    margin-top: 32%;
    letter-spacing: 2px;
}
.bkc2,.k2,.w2,.bkc2,.thane2,.vn2,.catheral2,.vc2,.in2,.whit2,.bel2,.ca2,.ka2 {
        font-size: 35px;

  }
.s1,.s2,.s3,.s4 {
   
    margin-left: 1rem;
    font-size: 15px;
     margin-right: 1rem;
    text-align: justify;
    line-height: 22px;
    margin-top: 31px;
}
.s2,.s4 {
   
    margin-top: 31px;
}

.photo1,.photo4 {

    height: 360px;
}

.photo2::before {
    
    margin-left: 1rem;
}

.photo3::before {
 
    margin-left: 2rem;
    left: 0px;
}
.orangeblock1 {
    background-color: #cda075;
    padding-right: 0px;
}
.foodImage,.franchiseImage,.careerImage,.contactImage,.caterImage,.locationimg {
    
    height: 270px;
}

.franchiseTitle,.careerTitle,.contactTitle,.caterTitle, {
   
    margin-top: 6rem;
    font-size: 40px;
   
}
.bg1 {
   
    
    font-size: 40px;
   
}
.bg2 {
    font-size: 21px;
    font-weight: 400;
    letter-spacing: 3px;
    text-align: center;
    color: white;
    margin-top: 11px;
}
.bg3 {
    font-weight: 400;
    letter-spacing: 3px;
    font-size: 15px;
    text-align: center;
    color: white;
    margin-top: -15px;
}
.wImage {
   
    height: 270px;
}

}

@media only screen 
  and (min-width: 768px) 
  and (max-width: 800px) {
	  
.homeslider .carousel-item {
    height: 60vh !important;
  
}
  }
  @media only screen 
  and (min-width: 820px) 
  and (max-width: 838px) {
	  
 .homeslider .carousel-item {
    height: 60vh !important;
  
}
  }
  
@media only screen 
  and (min-width: 320px) 
  and (max-width: 850px) {
.pipe::after{
		   
		    border-right: 0px solid #cda075;
		    
		    content: '';
		    position: absolute;
		    width: 10px;
		    height: 14px;
		    letter-spacing: 50%;
		    margin-left: -2px;
		    top:36px;
			}

			.homeslider .carousel-item .d-none {
    display: block!important;
}
.f2{
			float: right;
			text-align:center;
		}
		
		.f1o,.f3{
			text-align:center;
			
		}
}

@media only screen 
  and (min-width: 576px) 
  and (max-width: 850px) {

.carousel-caption {
    /*top: 30%;*/
}
.indexText {
    font-family: 'Minion Variable Concept';
    font-size: 27px;
    color: White;
    letter-spacing: 4px;
    text-align: center;
    /*margin-top: 35px;*/
    text-transform: uppercase;
}
.indexButton {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    width: 122px;
    color: #cda075;
    background-color: white;
    border-color: transparent;
    padding: 5px;
    margin-top: 10px;
}
.ourstoryxs{

display:block !important;

}

.ourstorylg{

display:none !important;

}
  }

  @media only screen 
  and (min-width: 850px) 
  and (max-width: 1024px) {

.carousel-caption {
    /*top: 42%;*/
}
.indexText {
    font-family: 'Minion Variable Concept';
    font-size: 43px;
    color: White;
    letter-spacing: 4px;
    text-align: center;
    /*margin-top: 35px;*/
    text-transform: uppercase;
}
.indexButton {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    width: 122px;
    color: #cda075;
    background-color: white;
    border-color: transparent;
    padding: 5px;
    margin-top: 10px;
}


  }
  @media only screen 
  and (min-width: 320px) 
  and (max-width: 765px) {

  .ourfoodlg{

display:none !important;

}

.ourfoodxs{

display: block !important;

}

.ourstoryxs{

display:block !important;

}

.ourstorylg{

display:none !important;

}

.photo3::before {

    margin-top: -8px;
    margin-left: 15px;
    margin-right: 0px;
    left: 0px;
}


}
  @media only screen 
  and (min-width: 320px) 
  and (max-width: 835px) {

.navbar-collapse {
    margin-top: 5px;
    border-top: 1px solid #3b3a3a;
}

.osi1 {
    background-image: none;
    border:1px solid #cda075;
    width: 100%;
    height: 198px;
    margin-top: 33px;
}
.osi {
    
    margin: 0 auto;
   
    display: block;
}
}

  @media only screen 
  and (min-width: 1024px) 
  and (max-width: 1152px) {

.osi1 {
    background-image: none;
    border:1px solid #cda075;
    width: 100%;
    height: 198px;
    margin-top: 33px;
}

.abouttext1 {
    font-family: 'Lato', sans-serif !important;
    font-size: 15px;
    color: #cda075;
    letter-spacing: 2px;
    padding: 8px 20px 21px 21px;
    text-transform: uppercase;
    /* margin-left: 6px; */
    letter-spacing: 1.75px;
    line-height: 25px;
}
.osi {
    margin-top: 17px;
    max-width: 100% !important;
    /* margin-left: 25px; */
}
.os4 {
    margin-top: 10px;
    font-family: 'Lato', sans-serif !important;
    font-size: 15px;
    letter-spacing: 1.75px;
    line-height: 26px;
    font-weight: 400;
    color: #343434;
    word-spacing: 1px;
}
}

.col-lg-20{
	padding: 0px;
	margin: 0px;
	height: auto;
	max-width: 20%;
}

.foodhover{
 position: relative;

}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0.7;
  transition: .5s ease;
  background-color: rgba(0,0,0,0.6);
}

.foodhover:hover .overlay {
  opacity:0;
}

.space{
	margin-top: 20px;
}

 @media only screen 
  and (min-width: 570px) 
  and (max-width: 736px) {

  .smallunderline::before {
  
    margin-left: 1rem;
}
.caterText {
 
    margin-left: 20px;
}

.s1,.s2,.s3,.s4 {
    
    margin-left: 0rem;
   
    margin-right: 2rem;
    
}
.photo2::before {
    border-top: 2px solid white;
    content: '';
    position: absolute;
    width: 50px;
    height: 14px;
    margin-top: -15px;
    margin-left: 0rem;
}
.orangeblock1 {
    padding-right: 0px;
}
.wImage {
height: 178px !important;
}
.carousel-control-next {
    right: 6px !important;
}
.carousel-control-prev {
    right: 6px !important;
}

.reservation3 {
   
    width: 165px;
	
  }
  }