/*=================================================

||				Useful Links

==================================================*/

/*

|||||||||	Slider	|||||||||

|	http://www.jssor.com/demos/image-gallery.html

|	http://www.jssor.com/development/index.html

|	http://www.jssor.com/development/define-slides-html-code.html

|	file:///G:/Technext/Helper/Jssor.Slider.FullPack/demos-no-jquery/introduction-slider.source.html

|	file:///G:/Technext/Helper/Jssor.Slider.FullPack/demos-no-jquery/image-gallery.source.html

|	http://www.owlcarousel.owlgraphic.com/docs/started-welcome.html

|||||||||	Others	|||||||||

|	Fonts: 1. Roboto[Section-title] 2. Open-Sans[body]

|

|

*/



/*=================================================

||				Index 

==================================================*/

/*

|	1. Imports

|	2. Global

|	3. Colors

|

|	=============

|	SECTIONS

|	=============

|	4. Navigation

|	5. Header

|	6. About us

|	7. Affordable items

|	8. Great Place to enjoy

|	9. Our services

|	10. QMS&EMS

|	11. Our Bread

|	12. Catagories-1

|	13. Our Featured Dishes Menu

|	14. Catagories-2

|	15. Reserve A Table!

|	16. Contact With us

|	17. Footer

*/





/*=================================================

||				1. Imports 

==================================================*/

@import url(http://fonts.googleapis.com/css?family=Roboto:100,400);



/*=================================================

||				2. Global 

==================================================*/

body

{

	

	font-family:'Roboto';

	overflow-x: hidden;

	font-size: 15px;

}

.preloader_hide {opacity:0;}

sub {
	top: -2em;
	left: -4.5em;
	
	}
	
sup {
	left:-3.6em;
	font-size: 15px;
	
	}
	


.btn.active.focus,

.btn.active:focus,

.btn.focus,

.btn:active.focus,

.btn:active:focus,

.btn:focus {

  outline: none; 

}



.btn {

  border-radius: 0; 

  letter-spacing: 2px; 

}



.btn:hover {

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

	-moz-transition: all 0.3s ease-in-out;

	-ms-transition: all 0.3s ease-in-out;

	-o-transition: all 0.3s ease-in-out;

}



.btn-middle {

	background-color: transparent;

	padding: 15px 30px;

	border: 1px solid #00843E;

	color: #5c9233;

	margin: 25px 0px;

}



.btn-middle:hover {

	background-color: #00843E;

	color: #fff;

	box-shadow: 0px 2px 5px #948E8E;

}



.btn-send,

.btn-reservation {

	background-color: #00843E;

	padding: 10px 50px;

	box-shadow: 0px 2px 5px #948E8E;

	color: #fff;

	margin: 20px 0px;

}



.btn-send:hover,

.btn-reservation:hover {

	background-color: #666;

	color: #eee;



}



.btn-file,

.btn-reservation:hover

{

	background-color: #00843E;

	padding: 10px 20px;

	box-shadow: 0px 2px 5px #948E8E;

	color: #fff;

	margin: 10px 0px;

	

}



.btn-file:hover,

.btn-reservation:hover

{

	background-color: #666;

	color: #eee;



}



.btn-reservation {

	width: 100%;

	margin: 0px;

}



.section-title

{

	/*padding: 310px 0px;

	margin: 0px 130px 0px 250px;*/

	padding: 20%;

	text-align: right;

	font-family: 'Roboto';

	font-weight: 100;

	font-size: 60px;

	color: #fff;

}

.section-content-title

{

	font-family: 'Roboto';

	font-weight: 400;

	font-size: 45px;

	

}







.section-content-type

{

	font-family: 'Roboto';

	font-weight: 100;

	font-size: 70px;

	text-align: right;

	

}

.section-content-para

{

	font-family: 'Roboto';

	margin: 30px 0px;

	

}

.section-content

{

	padding: 12% 15% 5% 15%;

}



.contact .section-content

{

	padding: 10% 15% 5% 15%;

}





.section-content-prolist

{

	padding: 15% 15% 15% 15%;

}





.section-content-cert

{

	padding: 15% 5% 10% 10%;

}



.section-bread-description{

	float: right;

	padding: 0 20% 15% 20%;

	color: #fff;

	}

	

	

.section-content-subhead{

	line-height: 30px;

	font-weight: 650;

	color: #666;

	}	

.section-content-aboutimg{

	padding: 60px 0 0;

	margin: 0;

	

	}

	

.section-content-proimg{

	padding: 60px 0 0;

	margin: 0;

	

	}

	

.section-content-img{

	padding: 0;

	margin: 0;

	

	}

	

.pro .section-content-para ul li{

		font-family: 'Roboto Light';

		

		}		



	

.system .section-description ul li{

		font-family: 'Roboto Light';

		line-height: 50px;

		}

				

/*-----------------------------------------------------------------------------------*/

/*	DROPBUTTON

/*-----------------------------------------------------------------------------------*/



.dropbtn {

 width:200px;

  background-color: #00843E;

  color: white;

  padding: 16px;

  font-size: 16px;

  border: none;

  cursor: pointer;

  border-radius: 4px;

  font-family: 'Roboto';

}



.catalogue {

   

  font-size: 15px;

  border: none;

  font-family: 'Roboto';

}





.butnlink {

  position: relative;

  display: inline-block;

}



.butnlink-content {

  display: none;

  position: absolute;

  background-color: #f9f9f9;

  min-width: 160px;

  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

  z-index: 1;

}



.butnlink-content a {

  color: black;

  padding: 5px 10px;

  text-decoration: none;

  display: block;

  font-family: 'Roboto';

}



.butnlink-content a:hover {background-color: #00843E;

color: #FFF;

margin: 5px 10px;

 text-decoration: none;

  border-radius: 4px;

}



.butnlink:hover .butnlink-content {

  display: block;

}



.butnlink:hover .dropbtn {

  background-color: #333;

  

}



hr {

	margin: 5px;

	}



/*.custom-row

{

	width: 100vw;

}*/

.dis-table

{

	display: table;

	/*width: 100vw;*/

}

.dis-table .dis-table-cell

{

	display: table-cell;

	padding: 0;

	float: none;

	/*width: 50vw;*/

	/*position: relative;*/

}

.color-bg

{

	background: #00843E;

}



.contact-color-bg

{

	background: #666;

}



.contact a {

	color: #fff;

	}

	

.contact a:hover {

	color: #fff;

	text-decoration:underline;

	}



.section-bg

{

	background-size: cover;

	background-repeat: no-repeat;

    background-position: center;

}



.form-control {

	border-radius: 0px;

	margin-bottom: 25px;

}



input.empty, textarea.empty {

    font-family: FontAwesome;

    font-style: normal;

    font-weight: normal;

    text-decoration: inherit;

}



.section-icon

{

	position: absolute;

	left: 47%;

	margin-left: -21px;

	margin-top: 58px;

	z-index: 999;

}



.section-icon-about

{

	position: absolute;

	left: 47%;

	margin-left: -21px;

	margin-top: 100px;

	z-index: 999;

}



.ther_list{

padding-bottom: 15px;	

	}

	

/*-----------------------------------------------------------------------------------*/

/*	TABLE

/*-----------------------------------------------------------------------------------*/









table {

	font-family: Roboto;

  border: 1px solid #D9DADA;

  border-collapse: collapse;

 width: 100%;

}







table tr {

 

  padding: .35em;

  color: #333;

}



table th,

table td {

	border: 1px solid #D9DADA;

  padding: .900em;

  text-align: left;

}



table th {

   background-color: #00843E;

   font-size: 16px;

 color: #fff;

}

table td {

	font-size: 14px;

 

  text-overflow: ellipsis;

}



tr:nth-child(even) {

    background-color: #EBECEC;

}



table th,

table td, .center{

	text-align: left ;

	}

	

.pad {

	margin-bottom: 30px;

	}

	

.pad1 {

	margin-bottom: 60px;

	}

	

.pad2 {

	margin-bottom: 80px;

	}	

			

table span a{

	text-decoration: underline;

	color: #333;

	}

	

table span a:hover {

	text-decoration: underline;

	font-weight:600;

	}		





/*.wrapper

{

	margin-top: 50px;

}*/

/*=================================================

||				3. Colors 

==================================================*/



/*=================================================

||				3. Navigation

==================================================*/



.logo{position:relative;z-index:123;padding:10px;float:left;width:230px;}



nav {position:relative;

width:100%;

margin:0 auto;

padding: 10px 100px;

box-shadow: 0px 2px 7px #000; /*rgb(139, 195, 74)*/

}



.red {

		color: #FBFF00;

		font-weight: 600;	

			}



#cssmenu > ul {

	float:right;

	padding-top: 12px;

	}



#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}

#cssmenu{font-family: 'Roboto';background:#00843E;color:#fff;}

#cssmenu > ul > li{float:left;}

#cssmenu > ul > li > a{padding:17px 11px;font-size:13px;letter-spacing:1px;text-decoration:none;color:#fff;font-weight:700;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#333}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#00843E!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}

#cssmenu > ul > li.has-sub > a{padding-right:30px}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#fff;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0;background:#333;}

#cssmenu ul ul{position:absolute;left:-9999px;width:300px;}

#cssmenu ul ul li{height:35px;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#fff;transition:all .25s ease}

#cssmenu ul ul li a:hover{

	color:#fff;

	background-color:#333;

	}

#cssmenu li:hover > ul{left:auto;}

#cssmenu li:hover > ul > li{height:auto; border-bottom:1px solid rgba(150,150,150,0.15);}

#cssmenu ul ul ul{margin-left:75%;top:0; z-index: 10;}

#cssmenu ul ul li a{padding:10px;width:230px;font-size:14px;text-decoration:none;color:#333;font-weight:400;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:4px;width:8px;height:2px;display:block;background:#666;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:7px;display:block;width:2px;height:8px;background:#666;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0;color:#fff;}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#333;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}





@media (min-width: 300px) and (max-width: 1000px){

.logo{position:absolute;top:0;left:0;width:100px;padding:10px;float:none}

.logo2{display:none}

nav{width:100%; padding: 10px 0; margin:0;box-shadow: 0px 2px 7px #000; /*rgb(139, 195, 74)*/}

#cssmenu{width:100%;}

#cssmenu ul{width:100%;background:#00843E;display:none;margin:15px 0 0 0;padding:0;}

#cssmenu ul li{width:100%;border-bottom:1px solid #333;}

#cssmenu ul li:last-child{border-bottom:none;}

#cssmenu ul li:hover > a{color:#fff;background:#333;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto;}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{background:#333!important;border-bottom:1px solid #444;}

#cssmenu ul ul li:hover{background:#00843E!important}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li a{background:#333; color:#fff;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{background:#00843E;color:#fff}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none;}

#cssmenu #head-mobile{display:block;padding:23px;color:#fff;font-size:12px;font-weight:700}

.button{width:55px;

float:right;

height:46px;

position:absolute;

right:10px;

top:10px;

cursor:pointer;

z-index: 12399994;

border:3px solid #fff;

}

.button span{

	position:absolute;

	right:15px;

	display:block;

	height:2px;

	width:20px;

	background-color: #ffffff;

	

	-webkit-transition: -webkit-transform 0.3s;

-webkit-transition: all 300ms ease-in-out;

transition: all 300ms ease-in-out;

	}

.button span:first-child{top:24px;}

.button span:nth-child(2){top:18px;}

.button span:last-child{top:12px;}



.button.menu-opened span:first-child{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:18px;border:0;height:2px;background: #ffffff;width:19px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}

.button.menu-opened span:last-child{top:18px;background: #ffffff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}

.button.menu-opened span:nth-child(2) {

opacity: 0;

}



#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}

#cssmenu .submenu-button.submenu-opened{background:#333}

#cssmenu ul ul .submenu-button{height:34px;width:34px}

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#fff;content:''}

#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:#fff}

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#fff;content:''}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none;background:#00843E;color:#fff}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}

}





/*=================================================

||				5. Header

==================================================*/

#header-slider {

	margin-top: 0;

	z-index:-10;

	}

	

	.owl-carousel

{

	margin-top: 156px;

}





.header-content

{width: 100%;

	margin-top: 10vh;

	display: inline-block;

	

}



.header-content-product

{

	margin-top: 10px;

	margin-left: 15px;

	margin-right: 15px;

	

	display: inline-block;

}



.header-title, .header-sub-title

{

	font-family: 'Roboto';

	

	color: #fff;

}

.header-title

{

	font-size: 70px;

	font-weight: 400;

	margin-bottom: 0px;

	line-height: 1.2;

	text-align:center;

}



.product-header-title

{   font-family: 'Roboto';

	text-transform: none;

	font-size: 70px;

	font-weight: 400;

	margin-bottom: 0px;

	line-height: 1.2;

}





span {

	color: #333;

	}

	



	

.header-sub-title

{

	font-size: 16px;

	margin-left: 10px;

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item .item

{

	height: 80vh;

	background-repeat: no-repeat;

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item:nth-child(1) .item

{

	background: url('../images/pro1_slider.png');

	background-size: cover;

	background-position: bottom;

}



.owl-carousel .owl-wrapper, .owl-carousel .owl-item:nth-child(2) .item

{

	background: url('../images/2.jpg');

	background-size: cover;

}

.owl-carousel .owl-wrapper, .owl-carousel .owl-item:nth-child(3) .item

{

	background: url('../images/3.jpg');

	background-size: cover;

}



.owl-carouse2 .owl-wrapper, .owl-carouse2 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/pro1_slider.png');

	background-size: cover;

}



.owl-carouse3 .owl-wrapper, .owl-carouse3 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/lab_slider.png');

	background-size: cover;

}



.owl-carouse4 .owl-wrapper, .owl-carouse4 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/cru_slider.png');

	background-size: cover;

}



.owl-carouse5 .owl-wrapper, .owl-carouse5 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/acc_slider.png');

	background-size: cover;

}



.owl-carouse6 .owl-wrapper, .owl-carouse6 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/inst_slider.png');

	background-size: cover;

}



.owl-carouse7 .owl-wrapper, .owl-carouse7 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/thermo_slider.png');

	background-size: cover;

}



.owl-carouse8 .owl-wrapper, .owl-carouse8 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/glass_slider.png');

	background-size: cover;

}

.owl-carouse9 .owl-wrapper, .owl-carouse9 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/salts_slider.png');

	background-size: cover;

}



.owl-carouse10 .owl-wrapper, .owl-carouse10 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/emission_slider.png');

	background-size: cover;

}



.owl-carouse11 .owl-wrapper, .owl-carouse11 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/chemical_slider.png');

	background-size: cover;

}



.owl-carouse12 .owl-wrapper, .owl-carouse12 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/homogen_slider.png');

	background-size: cover;

}



.owl-carouse13 .owl-wrapper, .owl-carouse13 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/pharma_slider.png');

	background-size: cover;

}



.owl-carouse14 .owl-wrapper, .owl-carouse14 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/jewel_slider.png');

	background-size: cover;

}

.owl-carouse15 .owl-wrapper, .owl-carouse15 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/ryc_slider.png');

	background-size: cover;

}



.owl-carouse16 .owl-wrapper, .owl-carouse16 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/ryc2_slider.png');

	background-size: cover;

}



.owl-carouse17 .owl-wrapper, .owl-carouse17 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/jwel_slider.png');

	background-size: cover;

}



.owl-carouse18 .owl-wrapper, .owl-carouse18 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/scrap_slider.png');

	background-size: cover;

}



.owl-carouse19 .owl-wrapper, .owl-carouse19 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/1.jpg');

	background-size: cover;

}



.owl-carouse20 .owl-wrapper, .owl-carouse20 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/2.jpg');

	background-size: cover;

}



.owl-carouse21 .owl-wrapper, .owl-carouse2l .owl-item .item

{

	height: 80vh;

	background-repeat: no-repeat;

	

}

.owl-carouse2l .owl-wrapper, .owl-carouse21 .owl-item:nth-child(1) .item

{

	background: url('../images/csr_slider1.png');

	background-size: cover;

	background-position: bottom;

	

}



.owl-carouse2l .owl-wrapper, .owl-carouse2l .owl-item:nth-child(2) .item

{

	background: url('../images/csr_slider2.png');

	background-size: cover;

}



.owl-carouse2l .owl-wrapper, .owl-carouse2l .owl-item:nth-child(3) .item

{

	background: url('../images/csr_slider3.png');

	background-size: cover;

}



.owl-carouse22 .owl-wrapper, .owl-carouse22 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/stir_slider.png');

	background-size: cover;

}



.owl-carouse23 .owl-wrapper, .owl-carouse23 .owl-item:nth-child(1) .item

{

	height: 50vh;

	background-repeat: no-repeat;

	background: url('../images/tmp_slider.png');

	background-size: cover;

}



.owl-carouse24 .owl-wrapper, .owl-carouse24 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/pal_slider.png');

	background-size: cover;

}



.owl-carouse25 .owl-wrapper, .owl-carouse25 .owl-item:nth-child(1) .item

{

	height: 50vh;

	background-repeat: no-repeat;

	background: url('../images/news_slider.jpg');

	background-size: cover;

}

.owl-carouse26 .owl-wrapper, .owl-carouse26 .owl-item:nth-child(1) .item

{

	height: 50vh;

	background-repeat: no-repeat;

	background: url('../images/COVID19.jpeg');

	background-size: cover;

}



/*



.owl-theme .owl-controls .owl-buttons div

{

	position: absolute;

	bottom: -25px;

	color: #000;

	padding: 15px;

	width: 50px;

	height: 50px;

	border-radius: 100%;

	font-size: 15px;

	opacity: 1;

	margin: 0px;

	transition: all .4s;

	background: #00843E;

	color: #fff;

}



/*

.owl-theme .owl-controls .owl-buttons div:hover

{

	color: #000;

	background: #fff;

}

.owl-prev

{

	right: 25%;

}

.owl-next

{

	right: 21%;

}

/*=================================================

||				6. About us

==================================================*/

.about-bg

{

	background: url('../images/About-C-bg.jpg');

	background-repeat: no-repeat;

	background-size: 85%;

  	background-position-x: 15%;

  	background-position-y: 50%;

}

#about 

{

	margin-top: -10px;

}

/*=================================================

||				7. Affordable items

==================================================*/





/*=================================================

||				8. Great Place to enjoy

==================================================*/

.great-place-to-enjoy .section-bg

{

	background-image: url('../images/GPtE-bg.jpg');

}

/*=================================================

||				9. Our services

==================================================*/

.recycle .section-bg

{

	/*background: url('../images/beer-bg1.png'), url('../images/beer-bg2.png');

	background-position-x: 58%, 80%;

	background-position-y: 50%, 50%;

	background-repeat: no-repeat, no-repeat;

	background-size: 300px,240px;*/



    background: url("../images/beer-bg1.png");

    background-repeat: no-repeat;

	

    background-position: 51% 58%;

	

    background-size: 700px 800px;

}

/*=================================================

||				10. QMS&EMS

==================================================*/



.blog_post_img

{

	width: 185px;

	

   float: left;

  

}



.blog_post_img1

{

	width: 185px;

	

    float: right;

  

}



/*=================================================

||				11. Our Bread

==================================================*/



.bread .section-bg 

{

	/*background: url('../images/bread-bg1.png'), url('../images/bread-bg2.png');

	background-position-x: 58%, 80%;

	background-position-y: 50%, 50%;

	background-repeat: no-repeat, no-repeat;

	background-size: 300px,240px;*/



	background: url("../images/bread-bg1.png"), url("../images/bread-bg2.png");

    background-repeat: no-repeat, no-repeat;

    background-position: 51% 58%, 75% 58%;

    background-size: 300px 300px, 240px 240px;

}

/*=================================================

||				12. menu

==================================================*/

.menu 

{

    padding: 50px 0px;

}



.menu-catagory h2 

{

    font-size: 51px;

    font-weight: 100;

    margin-bottom: 27px;

}



.menu-system {

    width: 100%;

    color: #00843E;

}



.half 

{

    width: 50%;

    position: relative;

}



.per-head

{

    float: left;

}



.per-head span {

    margin-right: 5px;

}



.price {

	float: right;

	margin-bottom: 18px;

}







/*=================================================

||				13. Our Featured Dishes Menu

==================================================*/

.featured-dish .section-bg

{

	background-image: url('../images/OFDM-bg.jpg');

}

/*=================================================

||				14. Have a look to our dishes

==================================================*/





/*=================================================

||				15. Reserve A Table!

==================================================*/

.reserve .section-bg

{

	background-image: url('../images/RaT-bg.jpg');

}



.reservation .section-content

{

	padding: 15% 15% 10% 15%;

}



.reservation-form 

{

	margin-top: -20px;

}



.opening-time 

{

	background-color: rgb(139, 195, 74);

	color: #fff;

	margin-top: -50px;

	padding: 20px 40px;

	border-radius: 4px;

}



.opening-time-title 

{

	margin-top: 0px;

	margin-bottom: 25px;

	font-weight: bold;

	letter-spacing: 2px;

}



.opening-time p 

{

    margin-bottom: 2px;

}



.opening-time h4 

{

    margin-bottom: 6px;

    margin-top: 12px;

    font-weight: 600;

}

/*=================================================

||				16. Contact With us

==================================================*/



.contact .section-content

{

	color: #fff;

}

.contact .section-title 

{

	padding: 10% 20%;

}



.white {

	color: #fff;

	}

	

.whitech {

	color: #fff;

	}

	

#products .whitech a {

	color: #fff;

	font-family: 'Roboto';

	}

	

.right {

	text-align: right;

	}

	

.subcontact .white  a{

	color: #fff;

	}

	

.system .white  a{

	color: #fff;

	}

	

.system .white  a:hover{

	text-decoration:underline ;

	}

	

	

	

.subcontact  a{

	color: #333;

	}





.subcontact a:hover

{

	

	text-decoration:underline ;

}



.social-media

{

	position: absolute;

	width: 100%;

	left: 5%;

	margin-top: -58px;

	z-index: 999;

}



.social-media li

{

	display: inline-block;

	margin-right: 10px;

}



.fb, .twit, .g-plus, .link

{

	float: left;

	height: 126px;

	width: 126px;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

		-mz-transition: all 0.3s ease-in-out;

		-ms-transition: all 0.3s ease-in-out;

		 -o-transition: all 0.3s ease-in-out;

}



.fb

{

	background: url(../images/social/facebook_color.png);

}



.fb:hover

{

	background: url(../images/social/facebook_black.png);

}



.twit {

	background: url(../images/social/twitter_color.png);

}



.twit:hover {

	background: url(../images/social/twitter_black.png);

}



.g-plus {

	background: url(../images/social/g-plus_color.png);

}



.g-plus:hover {

	background: url(../images/social/g-plus_black.png);

}



.link {

	background: url(../images/social/linkedin_color.png);

}



.link:hover {

	background: url(../images/social/linkedin_black.png);

}



#map-canvas {

    width: 100%;

    height: 350px;

}



.contact-form

{

	padding: 50px 0px;

}

/*=================================================

||				17. Footer

==================================================*/



footer

{

	background-color: #666;

	color: #ffffff;

	padding: 30px 0px;

}



footer a

{

	color: #fff;

	transition: all 0.3s ease-in-out;

	-webkit-transition: all 0.3s ease-in-out;

		-mz-transition: all 0.3s ease-in-out;

		-ms-transition: all 0.3s ease-in-out;

		 -o-transition: all 0.3s ease-in-out;

}



footer a:hover

{

	color: #fff;

	text-decoration:underline ;

}

/*=================================================

||				18. Media Query

==================================================*/







/*=========================   for extra-large screen  =============================*/



@media (min-width: 1366px){

	.section-title

	{

		/*padding: 190px 0px;

		margin: 0px 90px 0px 140px;*/

		font-size: 90px;

	}

	

	.owl-carousel

	{

		margin-top: 94px;

	}

}



@media (min-width: 1500px) {

	.section-icon {

		left: 48%;

		margin-left: -25px;

	}



	.section-title {

		padding: 20% 10% 20% 25%;

	}



	.section-content {

		padding: 10% 40% 10% 12%;

	}



	.bread .section-bg,

	.recycle .section-bg {

		background-position-x: 62%, 80%;

		background-size: 330px, 264px;

	}

}









/*------------------------------  for small (tab) screen -------------------------*/



@media (max-width: 991px) and (min-width: 768px){



	



	.owl-carousel {

		margin-top: 85px;

	}

/*

	.owl-theme .owl-controls .owl-buttons .owl-prev {

		right: 20%;

	}



	.owl-theme .owl-controls .owl-buttons .owl-next {

		right: 12%;

	}

*/

	.about-bg {

		background-size: 98%;

  		background-position-x: 100%;

  		background-position-y: 68%;

	}



	.header-title {

		font-size: 62px;

	}

	

	.product-header-title {

		font-size: 62px;

	}



	.section-header {

		padding-top: 0px;

	}



	.pricing-title {

		margin-bottom: 15px;

		font-size: 25px;

	}



	#filter-list li {

		font-size: 14px;

	}



	.section-title {

		font-size: 58px;

		padding: 20% 15%;

	}

	

	.system h3{

		float: right;

		font-size: 40px;

  		padding: 18% 10%;

		font-family: 'Roboto Light';

		}



	.contact .section-title {

		padding: 10% 20% 20%;

	}



	.section-content {

		padding: 10% 12%;

	}



	.section-content-title {

		font-size: 45px;

	}



	.btn-reservation {

		padding: 10px;

	}



}







/*@media (max-width: 960px){

	.navbar-default .navbar-brand

	{

		font-size: 24px;

	}

	.header-sub-title {

		font-size: 12px;

	}

}*/





/*------------------------------  for extra-small (mobile) screen -------------------------*/



@media (max-width: 767px) {

	



	.owl-carousel {

		margin-top: 80px;

	}



	.owl-carousel .owl-wrapper, .owl-carousel .owl-item:nth-child(1) .item,

	.owl-carousel .owl-wrapper, .owl-carousel .owl-item:nth-child(2) .item,

	.owl-carousel .owl-wrapper, .owl-carousel .owl-item:nth-child(3) .item {

		background-position: center;

	}

	/*



	.owl-theme .owl-controls .owl-buttons .owl-prev {

		right: 20%;

	}



	.owl-theme .owl-controls .owl-buttons .owl-next {

		right: 5%;

	}

	

	*/



	.header-title {

		font-size: 45px;

		font-weight:300;

		margin-bottom: 5px;

	}

	

	.product-header-title {

		font-size: 45px;

		margin-bottom: 5px;

	}



	.header-sub-title {

		margin-left: 3px;

	}



	.section-content {

		padding: 12% 15%;

	}

	

	.section-content-right {

		padding: 12% 15%;

		text-align:right;

	}



	.section-content-title {

		font-size: 45px;

	}



	.section-header {

		padding-top: 0px;

	}



	.pricing-title {

		margin-bottom: 15px;

		font-size: 25px;

		

	}



	#filter-list li {

		font-size: 14px;

	}



	#menu-pricing .item {

		width: 40%;

	}



	#menu-pricing .item h2 {

		margin: 0px;

		padding: 0px;

		font-size: 27px;

	}



	.menu-price li a:hover .menu-desc span {

		padding: 0px;

		line-height: 18px;

		font-size: 12px;

	}



	.menu-price li a .menu-desc span h3 {

		font-size: 19px;

		margin-bottom: 12px;

	}



	.section-title {

		font-size: 40px;

  		padding: 18% 10%;

	}

	

	



	.contact .section-title {

		padding: 10% 20% 20% 20%;

	}



	.menu {

		text-align: left;

	}



	.half {

		width: 100%;

	}



	.per-head, .price {

		float: none;

	}



	.opening-time {

		margin-top: 25px;

	}



	.contact .section-content {

		padding: 70px 0px;

	}



	.g-map img {

		height: 137px;

	}



	.btn-reservation {

		padding: 10px;

	}

}



@media (max-width: 480px) 

{

	





	

	

	.section-content {

		padding: 5% 8%;

	}

	

	.system .section-description ul li {

		font-size: 20px;

		line-height: 35px;

	}



.pricing-title {

		margin-bottom: 15px;

		font-size: 25px;

		

	}

.header-sub-title

{

	font-size: 14px;

	margin-left: 3px;

}  

	

.copyright p{

	font-size: 11px;

	padding: 0 12px;

	}



footer

{

	background-color: #666;

	color: #ffffff;

	padding: 15px 0px;

}



.system .section-content {

		padding: 2% 5%;

		float: left;

		text-align:left;

		

	}



.section-content-cert

{

	padding:8% 5% 8% 10%;

}



.system img{

	width: 150px;

	}

				

	



.subcontact .section-content {

		padding: 2% 5%;

		float: left;

		text-align:left;

	}

	

.subcontact .dis-table-cell{

	margin: 2% 0;

	background-color:#00843E;

	}	 

	

.subcontact .section-content-title {

		font-size: 25px;

		color: #FFF;

		

	}

	

.subcontact .section-description p {

	font-size: 14px;

	line-height: 15px;

	color: #FFF;

	}

	

.subcontact	.section-description p a {

	

	color: #FFF;

	}

.contact-form

{

	padding: 15px 0px;

}



.contact .section-title {

	font-size: 40px;

		padding: 0 10%;

		vertical-align: middle;

	}

	

	.contact .section-content {

		padding: 30px 10px;

	}

	

	.contact p {

		font-size: 14px;

	line-height: 15px;

		

		}

		

.owl-carouse9 .owl-wrapper, .owl-carouse9 .owl-item:nth-child(1) .item

{

	height: 80vh;

	background-repeat: no-repeat;

	background: url('../images/salts_slider.png');

	background-size: cover;

}		

		

}