@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash|Bitter|Cookie|Droid+Serif|Great+Vibes|Lato|Lobster|Lobster+Two|Merriweather|Merriweather+Sans|Montserrat|Noto+Serif|Oswald|PT+Serif|Raleway');

@import url('https://fonts.googleapis.com/css?family=Arima+Madurai|Courgette|Domine|El+Messiri|Philosopher');



body{ overflow-x:hidden; }

body::-webkit-scrollbar {
    width: 0.5em;
}
 
body::-webkit-scrollbar-track {
    -webkit-box-shadow:  0 0 6px rgba(0,0,0,0);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #000;
  outline: 1px solid slategrey;
}



#header{ background-image:url(../image/slider/1.jpg); padding-bottom:1%;  position:relative; background-size: cover; background-attachment:fixed; background-position:center;    }


#header::after{  position:absolute; top:-100px; right:50%; left:0%; bottom:0px; background-image:url(../image/slider/1.jpg); background-size:cover; content:"";   -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg); }
	
	
#header::before{ position:absolute; top:0px; right:0px; left:50%; bottom:0px; background-image:url(../image/slider/2.jpg); background-size:cover; content:"";
  -webkit-transform:rotate(5deg);
    -moz-transform:rotate(5deg);
  }
.overLapHeader{ position:relative; height:800px; overflow:hidden;  }
.overLapHeader::after{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.7); content:" "; z-index:1;  }

.headerImageSlider{ height:800px; background-size:cover;  }

.navTopBar{ font-family:Noto Serif; font-size:1.2em; color:#FFF; position:relative; z-index:99;  padding:3% 0%; margin-top:2%;   }
.navTopBar ul{ list-style:none; text-align:center;  }
.navTopBar ul li{ display:inline-block;padding:0% 1%; letter-spacing:0.05em; text-transform:uppercase;   }
.navTopBar ul li a{ color:#FFF;   }
.sliderLogo{ margin-top:4%; position:relative; z-index:99;  }
.sliderLogo img{ height:auto; width:250px; background-color:rgba(0,0,0,0.4); padding:2%; border-radius:2px;   }
.linesAfterLogo{ font-family:El Messiri; line-height:1.5em;  font-size:1.8em; text-align:center; color:#FFF; z-index:99; position:relative; letter-spacing:0.05em; padding:0% 10%;    }
#afterLogoLines{ margin-top:5%; }
.onrderOnlineButton{ text-align:center; font-family:Noto Serif; margin-top:6%; margin-bottom:10%;    }
.onrderOnlineButton a{ font-size:1.2em; text-transform:uppercase; letter-spacing:0.1em;   color:#FFF; z-index:99; position:relative; padding:1% 2%; border:2px solid #FFF; box-shadow: 3px 3px 0px #FFF;      }
.aboutUsHeadingFirst{ font-family:Berkshire Swash; font-size:3.5em; margin-top:1%; margin-bottom:1%; line-height:1.5em; text-shadow:2px 2px 0px #ccc;     }
.headingSalogan{ font-family:Great Vibes; font-size:2.5em; margin-top:4%; margin-bottom:4%;  letter-spacing:0.02em;   }
.aboutUsData{ font-family:Droid Serif; line-height:1.8em;  font-size:1.4em; margin-top:2%; color:#999;    }
.aboutUsButton{ font-family:Bitter; margin-top:10%; margin-bottom:6%;   }
.aboutUsButton a{ font-size:1.2em; text-transform:uppercase; letter-spacing:0.1em;   color:#000; z-index:99; position:relative; padding:2% 4%; border:2px solid #000; box-shadow: 3px 3px 0px #000;    }
#aboutUsTemplate{ padding:5% 5%; text-align:center;  }
.aboutUsImage{ background-image:url(../image/otherImages/about.jpg); height:550px;   background-size:cover; border-radius:5px;  background-position:center; position:relative;    }

.aboutUsImagett::after{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:''; 
	 background: transparent; /* For browsers that do not support gradients */
  background: -webkit-radial-gradient(  transparent,transparent, transparent, #FFF,#FFF); /* Safari 5.1 to 6.0 */
  background: -o-radial-gradient( transparent,transparent, transparent, #FFF,#FFF); /* For Opera 11.6 to 12.0 */
  background: -moz-radial-gradient(transparent,transparent, #FFF,#FFF); /* For Firefox 3.6 to 15 */
  background: radial-gradient(transparent,transparent,  #FFF,#FFF); /* Standard syntax */
 }
 
 .aboutusText{ padding: 0% 4%; }
 
 
.specialPageDiv{ padding:60% 0% 60% 20%; background-size:cover;  font-size:4em;  color:#FFF; font-family:El Messiri; background-position:center; position:relative;      }

.sectionOne{ background-image:url(../image/otherImages/sectionOne.jpg); background-position:center; }
.sectionTwo{ background-image:url(../image/otherImages/sectionThree.jpg); background-position:center;  }
.sectionThree{ background-image:url(../image/otherImages/sectionTwo.jpg); background-position:center;  }

.specialPageDiv::after{ background-color:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px; right:0px; bottom:0px; content:""; }
 .textSpecialPage{ position:relative; z-index:99; }
 .specialDivBorder{ border-bottom:5px solid #FFF; width:50px; text-align:center; margin-left:2%;    }
 
 .headingSpSection{ text-align:center; margin-top:10%; margin-bottom:5%; font-family:Noto Serif; font-size:4.5em;    }
 
 .imageCategary{ background-image:url(../image/otherImages/sectionOne.jpg); background-size:cover;  height:380px; border-radius:50%; background-size:cover; margin-bottom:15%;   }
 
 #menuFetchSection{ padding:0% 5%; }
 .categaryName{ text-align:center; font-size:2.5em; font-family: El Messiri; margin-top:5%; margin-bottom:10%; display:none;      }
 
 .seeMenuButton{ text-align:center; font-family:Noto Serif; text-transform:uppercase; letter-spacing:0.02; margin-top:2%; margin-bottom:10%;    }
 
 .seeMenuButton a{ color:#000; border:1px solid #000; padding:1% 2%; font-size:1.2em; box-shadow: 5px 5px 0px #000;   }
 
 #restruSpecialLines{ background-image:url(../image/slider/1.jpg); background-position:center;   background-size:cover; position:relative; padding:15% 0%;  text-align:center; font-family:El Messiri; background-attachment:fixed;    }
  #restruSpecialLines::after{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.7); content:" ";    }
  .textSpecial{ position:relative; z-index:99; color:#FFF; font-size:4.5em; margin-bottom:2%;    }
  .linesSpecial{ position:relative; z-index:99; color:#FFF; font-size:2em; padding:0% 15%;    }
  
 #reviewTempaltes{ margin-top:6%; margin-bottom:4%; text-align:center; font-family:El Messiri;  } 
 .testimonialHeading{ font-size:4.5em; padding:0% 20%;    }
.lineHeading{ background-color:#efefef; padding:1px; margin:auto; max-width:70%; width:100%; margin-bottom:5%; margin-top:3%;   }
 .testiominalDiv{ font-size:1.8em; margin-top:2%; margin-bottom:2%; color:#999;   }
 
 .leftQuote{ text-align:left; padding-left:0%; color:#CCC;   }
 .rightQuote{ text-align: right; padding-right:0%; color:#CCC;  }
 
 .carousel-indicators .active{ background-color:#666 !important ; }
 .carousel-indicators li{ border:1px solid #666 !important; }

.backgroundSetImg{ height:500px; background-position:center; background-size: cover;  }
.footerPage{ text-align:center; font-family:El Messiri; font-size:2em; padding:8% 0%;  background-color:#000; background-image:url(../image/otherImages/footer-bg.jpg); background-size:cover; 



   }


.footertextData{ color:#FFF; font-style:italic; }

.copyRightBottom{ text-align:center; font-family:Open Sans; color:#FFF; font-size:0.5em; margin-top:5%;   }

/*menu page*/

.otherPageNav{ height:120px; border-radius:0px; background-color:#000;    }
.otherPageNavBarTop{ margin-top:2.5%; font-family:Bitter; font-size:1.2em;   }

.otherPageNavBarTop li a{ color:#FFF; }

.pageHeadingTopOtherPage{ font-family: El Messiri; text-align:center; font-size:2em; padding:6% 0%;   }

.categaryHeading{ position:relative;  padding:2% 0%; background-color:#24292d; margin-bottom:3%; margin-top:3%;           }
.categaryHeading::after{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5); content:"";  }
.categaryHeadingtext{ font-size:3em; font-family:Philosopher; text-align:center; position:relative; z-index:9; color:#FFF;       }
.menuProductName{ font-size:1.5em; min-height:60px;  text-align:center; font-family:Domine; color:#24292d;   }
.menuProductAmt{ font-size:1.5em; color:#24292d;  text-align:center; font-family:Domine; font-style:italic; margin:8% 0%;    }
.menuProductDes{font-size:1em; text-align:center; height:60px; overflow:hidden;   color:#666;  font-family:Domine; margin:8% 0%; }
.catergaryProduct{ padding:10% 2%; border:2px dotted #efefef; margin:5% 0%;   }
/*menu page*/


/*contact Page*/

.headingContactPageSection{ font-family:Domine; font-size:2.5em; padding:5% 0%; margin-bottom:3%;   }
.contactDetaisDiv{ font-family:Domine; font-size:1.5em; padding:2% 0%; color:#666;   }
#contactDetailForm{ margin:6% 0%; }
.contactFieldText input[type="text"]{ width:100%; margin-bottom:2%; padding:3%; font-size:1.2em;  font-family:Domine; background-color:#efefef; border:none; outline:none;     }
.contactFieldText input[type="email"]{ width:100%; margin-bottom:2%; padding:3%; font-size:1.2em;  font-family:Domine; background-color:#efefef;  border:none; outline:none;    }
.contactFieldText textarea{ width:100%; margin-bottom:2%; padding:3%; font-size:1.2em;  font-family:Domine; height:150px; resize:none; background-color:#efefef;  border:none; outline:none;       }
.contactFieldText input[type="submit"]{ width:100%; margin-bottom:2%; padding:3%; font-size:1.2em;  font-family:Domine; border:none; background-color:#24292d; color:#FFF; border:none;  outline:none;     }
/*contact page*/

/*blog page*/

.blogHeading{ font-size:2.5em; font-family:Domine; margin-bottom:3%;  }
.blogDate{ font-size:1.5em; font-family:Domine; margin-bottom:1%;    }
.blogHeading{ font-size:2.5em; font-family:Domine; }
.blogHeading{ font-size:2.5em; font-family:Domine; }
.blogImage{ background-size:cover; background-position:center; height:400px;  }
.blogDesc{ font-size:1.5em; font-family:Domine; margin:3% 0%; border-bottom:1px solid #24292d; padding-bottom:2%;    }
.blogRow{ margin-bottom:5%; }

/*gallery*/

.galleryFetchImage{ height:300px; margin-bottom:5%;  background-position:center; background-size:cover;  }
.galleryTabs{ margin:4% 0%; }
.galleryPillli{ font-family:Domine; font-size:1.4em;  }


@media screen and (max-width:768px){
	
	.navTopBar ul li{ display:inline-block;padding:2% 3%; letter-spacing:0.05em; text-transform:uppercase;   }

	#header::after{ display:none;   }
	
	
#header::before{ display:none;  }

#header{ background-image:url(../image/slider/1.jpg); padding-bottom:1%;  position:relative; background-size: cover; background-attachment: inherit; background-position:center;    }

.linesAfterLogo{ font-family:El Messiri; line-height:1.5em;  font-size:1.8em; text-align:center; color:#FFF; z-index:99; position:relative; letter-spacing:0.05em; padding:0% 5%; margin-top:8%;     }

.onrderOnlineButton{ text-align:center; font-family:Noto Serif; margin-top:20%; margin-bottom:25%;    }

.onrderOnlineButton a{ font-size:1.2em; text-transform:uppercase; letter-spacing:0.1em;   color:#FFF; z-index:99; position:relative; padding:3% ; border:2px solid #FFF; box-shadow: 3px 3px 0px #FFF;      }

.aboutUsImage{ background-image:url(../image/otherImages/about.jpg); height:550px;   background-size:cover; border-radius:5px;  background-position:center; position:relative; display:none;     }

.specialPageDiv{ padding:20% 0% 20% 5%; background-size:cover;  font-size:3em; margin-top:2%;   color:#FFF; font-family:El Messiri; background-position:center; position:relative;      }

.headingSpSection{ text-align:center; margin-top:10%; margin-bottom:5%; font-family:Noto Serif; font-size:2.5em;    }

.imageCategary{ height:180px; border-radius:0%; background-size:cover; margin-bottom:10%;   }

.textSpecial{ position:relative; z-index:99; color:#FFF; font-size:2.5em; margin-bottom:2%;    }
.linesSpecial{ position:relative; z-index:99; color:#FFF; font-size:1.5em; padding:0% 15%;    }

.testimonialHeading{ font-size:2.5em; padding:2% 5%;    }

#reviewTempaltes{ margin-top:10%; margin-bottom:10%; text-align:center; font-family:El Messiri;  } 
       
.backgroundSetImg{ height:180px; background-position:center; background-size: cover;  }

.footerPage{ text-align:center; font-family:El Messiri; font-size:1.5em; padding:4% 4%;  background-color:#000; background-image:url(../image/otherImages/footer-bg.jpg); background-size:cover; 



   }

.footertextData{ color:#FFF; font-style:italic; margin:5% 0%;  }


.navTopBar ul{ margin-left:-40px; }

.aboutUsHeadingFirst{ font-family:Berkshire Swash; font-size:2.5em; margin-top:2%; margin-bottom:1%; line-height:1.5em; text-shadow:2px 2px 0px #ccc;     }

#aboutUsTemplate{ padding:10% 5%; }

.navbar-toggle{ background-color:#FFF; }

.navbar-toggle .icon-bar{ background-color:#000; }

.otherPageNavBarTop{ margin-top:70px; background-color:#000; z-index:9999; position:relative;     }

.galleryFetchImage{ height:180px; margin-bottom:5%;  background-position:center; background-size:cover;  }
.categaryHeadingtext{ font-size:2em; font-family:Philosopher; text-align:center; position:relative; z-index:9; color:#FFF;       }

.menuProductName{ font-size:1.5em; min-height:30px;  text-align:center; font-family:Domine; color:#24292d;   }
.menuProductDes{font-size:1em; text-align:center; height:60px; overflow:hidden;   color:#666;  font-family:Domine; margin:8% 0%; }
.catergaryProduct{ padding:5% 2%; border:2px dotted #efefef; margin:2% 0%;   }
.overLapHeader{ position:relative; height:850px; overflow:hidden;  }

	}