/*
 Project: Food Cafe, Restaurant, Hotel, Multipurpose HTML5 Template
 Version: 1.2
 @Author: Nh Studeo
 This file contains the styling for the actual theme, this
 is the file you need to edit to change the look of the
 theme.
 However we used Less script to make things easy to maintain, this is the compressed ourput, we recommend to edit the less files and then recombile the files and add the result here, if you don't like to use less you can edit this file here.
 This files contents are outlined below.
 01.	Theme Reset Style
 03.	Global Elements
 04.	Home Page 1
		+Header
			-Top Bar
			-Nav
			-Logo
			-Naviation
			-Dropdown
			-Dropdown
			-Sub Menu
			-Maga Dropdown
			-Search Bar
			-Search Style
			-Animated banner
			-Parllax Banner
		+Main Content
			-About Section
			-About Section Styel 2
			-Special Offer
			-Gallery V-1
			-Lates News
			-Lates News 2
			-Booking Form
			-Booking Form Style 2
			-Booking Form Style 3
			-Facts Section
			-Menu List
			-Menu With Title
			-Testimonial
			-Team
			-Team Style 2
			-Team Style 3
			-NewsLatter
		+Footer
			-Footer Widget
			-Working Hours
			-flicker Gallery
			-Address
			-Social Icons
			-Sub Footer
 05.	Home Page 2
 07.	Home Page 3
 08.	Home Page 4
 09.	Home Page 5
 10.	Home Page 6
 11.	Home Page 7
 12.	Home Page 8
 13.	Inner Banner
 14.	Menu Pages
 15.	Recipe Pages
 16.	404
 17.	Contact
 18.	Blog Right Sidebar
 19.	Blog Detail
 20.	Shop Grid
 21.	checkout
 22.	cart
 23.	comming soon
 24.	shop detail
 25.    Hader 2
 26.    Hader 3
 27.    Gallery 2
 29.    wrap 1
 29.    Responsive Menu
*/

/****** Theme Reset Style ******/
body{ background: #fff; color: #4a4a4a; font-size: 16px; font-family: 'Josefin Sans', sans-serif;}
body h1, body h2, body h3, body h4, body h5, body h6{ margin: 0 0 10px; color: #042940; font-family: 'Raleway', sans-serif;
text-transform: uppercase; font-weight: bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color: #042940;}

p a{ color: #042940;}
p a:hover{ text-decoration:underline; outline: none;}
p{ letter-spacing: normal; margin-bottom: 20px; line-height: 24px; font-size: 16px; color: #4a4a4a;}

a{ color: #4a4a4a; text-decoration: none; outline: none; display: block;}
a:hover, a:focus, a:active { outline: none; text-decoration: none;}

.row.no-gutters{ margin-right: 0; margin-left: 0;}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"]{ padding-right: 0; padding-left: 0;}

.m-0{ margin: 0!important;}
.p-0{ padding: 0!important;}

.border-0{ border: 0!important;}

img{ max-width: 100%;}
iframe{ border: 0; width: 100%;}

blockquote{ padding: 0; border: 0;}

label { color: #000; display: block; margin: 0 0 15px; font-size: 16px; font-family: 'Raleway', sans-serif;
font-weight: 500; line-height: 15px;}

textarea{ border-radius: 0!important; background: none!important; resize: none;}
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input,	
.form-control{ border: 1px solid #f2f2f2; height: 45px; border-radius: 0; background: none; line-height: 45px; line-height: 45px;
box-shadow: none!important; padding: 0 20px; color: #7e7e7e; font-family: 'Raleway', sans-serif;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;}
.form-group{ position: relative; margin: 0 0 20px;}
.form-group i{ position: absolute; right: 10px; top: 15px; color: #7e7e7e;}
.form-control::-moz-placeholder{ color: #4a4a4a;}
/****** Global Elements ******/
h2{ font-size: 36px;}
h3{ font-size: 24px;}
h4{ font-size: 16px;}

.main-heading-holder{ text-align: center;}
.main-heading{ display: inline-block; position: relative; padding: 0 0 30px; margin: 0 0 40px;}  
.main-heading h2{ margin: 0; text-transform: uppercase;}
.main-heading span{ display: block; font-size: 18px; color: #042940; line-height: 20px; display: inline-block;}
.main-heading::before{ content: ""; position: absolute; bottom: 0; left: 50%; width: 194px; height: 26px;
background: url(assets/images/h-bg-black.png) no-repeat; margin: 0 0 0 -97px;}
.main-heading.h-white-bg::before{ background: url(assets/images/h-bg-white.png) no-repeat;}
.main-heading.h-white-bg span{ color: #fff; margin: 10px 0;}

.btn{ height: 48px; line-height: 48px; padding: 0 30px; text-transform: uppercase; font-weight: bold; border-radius: 0;
position: relative; border-bottom: 3px solid rgba(0,0,0,0.3);}
.btn i{ margin: 0 0 0 10px;}
.btn.green{ color: #fff;}
.btn.white{ background: #fff;}
.btn.sm{ padding: 0 20px; height: 40px; line-height: 40px;}
.full-width { width: 100%;}
.btn:hover{ opacity: 0.8;}
.btn.sm{ height: 35px; line-height: 32px;}

.pagination-holder{ line-height: 0; text-align: center; position: relative; margin: 50px 0 0;}
.pagination-holder ul{ margin: 0; text-align: center; border-radius: 0;}
.pagination-holder ul li{ margin: 0 0 0 5px; float: left;}
.pagination-holder ul li a{ height: 37px; line-height: 35px; padding: 0 15px; text-transform: uppercase; font-weight: bold; border-radius: 0;
position: relative; border-bottom: 3px solid rgba(0,0,0,0.3); color: #fff;}
.pagination-holder ul li a:hover{ border-bottom: 3px solid rgba(0,0,0,0); color: #fff;}

.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a, 
.pagination > li:last-child > span{ border-radius: 0;}

.tc-breadcrumb ul{ display: inline-block;}
.tc-breadcrumb li{ float: left; color: #656565; font-family: 'Lato', sans-serif;}
.tc-breadcrumb li a{ float: left; font-weight: bold;}
.tc-breadcrumb li::before{ float: left; line-height: 22px; content: "\f111"; font-family: fontawesome; margin: 0 10px; font-size: 7px;}
.tc-breadcrumb li:first-child::before{ display: none; margin: 0;}

.social-icons{ overflow: hidden;}
.social-icons ul li{ float: left; margin: 0 0 0 10px;}
.social-icons ul li:first-child{ margin: 0;}
.social-icons ul li a{ text-align: center; color: #3b3970; border: 1px solid transparent; padding: 5px 8px; display: block;}
.social-icons ul li a:hover { background: #00080c; color: #fff;}
/* Filterbale Nav */
.nh-filterbale-nav{ text-align: center;}
.nh-filterbale-nav ul{ display: inline-block; margin: 0 0 35px;}
.nh-filterbale-nav ul li{ float: left; margin: 0 0 0 20px;}
.nh-filterbale-nav ul li:first-child{ margin: 0;}
.nh-filterbale-nav ul li a{ color: #202020; font-weight: 600; font-size: 18px; padding: 10px 0;
position: relative; display: block; letter-spacing: 0.03em; text-transform: capitalize;}
.nh-filterbale-nav ul li a::before{  content: ""; position: absolute; bottom: 0; width: 0; border: 1px solid; left: 50%; opacity: 0; visibility: hidden;}
.nh-filterbale-nav ul li a:hover::before{ content: ""; position: absolute; bottom: 0; border: 1px solid;  width: 100%; left: 0; visibility: visible; opacity: 1;}
.nh-filterbale-nav ul li a.selected::before{ width: 100%; left: 0; opacity: 1; visibility: visible;}

.rating-stars li{ display: inline-block; margin: 0 0 0 -2px; line-height: 20px; text-align: center;}
.rating-stars li:first-child{ margin: 0}
.rating-stars li i{ color: #f0bf2d;}

.tags-list,
.meta-post{ overflow: hidden; margin: 0 0 20px;}
.tags-list li
.meta-post li{ float: left; margin: 0 0 0 10px; color: #8f8f8f; font-family: 'Lato', sans-serif;}
.tags-list li,
.meta-post li{ float: left; margin: 0 0 0 10px;}
.tags-list li:first-child,
.meta-post li:first-child{margin: 0;}
.tags-list li i,
.meta-post li i{ margin: 0 10px 0 0; color: #8f8f8f;}
.meta-post li,
.meta-post li i{ color: #b6b6b6;}

.overlay-dark{ position: relative; z-index: 1;}
.overlay-dark::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; 
background: rgba(0,0,0,0.8); z-index: -1;}

.position-center-center{ left: 50%; position: absolute; top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.position-center-x{ position: absolute; top: 50%;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}
.position-center-y{ left: 50%; position: absolute;
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);}
.p-absolute{ position: absolute;}
.p-relative{ position: relative;}

.z-index-2{ z-index: 2;}

.font-italic{ font-style: italic}
.font-Josefin{font-family: 'Josefin Sans', sans-serif;}
.font-Raleway{font-family: 'Raleway', sans-serif;}

.white-bg{ background: #fff;}
.gray-bg{ background: #f2f2f2;}
.text-white{ color: #fff;}
.font-bold{ font-weight: bold;}
.text-left{ text-align: left;}
.text-right{ text-align: right;}
.text-center{ text-align: center;}
.d-inline-block{ display: inline-block;}
.d-block{ display: block;}
.h-white h1,
.h-white h2,
.h-white h3,
.h-white h4,
.h-white h5,
.h-white h6{ color: #fff!important;}
.p-white p{ color: #fff;}
.h-m-0 h1,
.h-m-0 h2,
.h-m-0 h3,
.h-m-0 h4,
.h-m-0 h5,
.h-m-0 h6{ margin: 0;}
.p-m-0 p{ margin: 0;}
.h-white h1 a,
.h-white h2 a,
.h-white h3 a,
.h-white h4 a,
.h-white h5 a,
.h-white h6 a{ color: #fff;}
.p-white p{ color: #fff;}
.h-m-0 h1 a,
.h-m-0 h2 a,
.h-m-0 h3 a,
.h-m-0 h4 a,
.h-m-0 h5 a,
.h-m-0 h6 a{ margin: 0;}
.p-m-0 p a{ margin: 0;}
.span-white{ color: #fff;}

.mb-30{margin-bottom: 30px;}
.mt-10{ margin-top: -10px;}

.float-clear:after{ content: ''; display: block; clear: both;}

.navbar-brand{ height: auto; width: auto; padding: 0;}
.nh-padding-top{ padding-top: 80px;}
.nh-padding-bottom{ padding-bottom: 80px;}
.nh-padding{ padding: 30px 0;}
.nh-margin-top{ margin-top: 80px;}
.nh-margin-bottom{ margin-bottom: 80px;}
.nh-margin{ margin: 80px 0;}

.countdown{ list-style: none; margin: 0; padding: 0; display: block; text-align: center; overflow: hidden;}
.countdown li{ text-align: center; float: left; margin: 0 0 0 20px;}
.countdown li:first-child{ margin: 0;}
.countdown li{ background: #fff; color: #1e181c; border-radius: 2px; font-size: 30px; padding: 5px 20px; display: block; border: 1px solid; overflow: hidden;}
.countdown li p{ margin: 0; font-size: 14px; text-transform: uppercase; color: #9b756c;}

.blog-meta { margin: 0 0 10px;}
.blog-meta li{ display: inline-block; text-transform: capitalize; margin: 0 0 0 20px; color: #bfbfbf;}
.blog-meta li:first-child{ margin: 0;}
.blog-meta li i { margin: 0 5px 0 0;}

.btn-list{ margin: 0; padding: 0; list-style: none;}
.btn-list li{ float: left; margin: 0 0 0 30px;}
.btn-list li:first-child{ margin: 0;}

.nh-display-table{ width: 100%; height: 100%; display: table;}
.nh-display-table-cell{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;}

.overlay{ position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
ul{ margin: 0; padding: 0; list-style: none;}
ul:fter { display: block; content: ''; clear: both;}

.m-0{ margin: 0!important;}
.p-0{ padding: 0!important;}
.border-0{ border: 0!important;}
.m-lef-0{ margin-left: 0;} 
.m-right-0{  margin-right: 0;}

.width-100-pre{ width: 100%;}

.hash-layout{ float: left; width: 100%;}
.f-bold{ font-weight: bold;}
.price {font-size: 18px;} 
.price span { color: rgba(14, 14, 14, 0.5); font-size: 13px; text-decoration: line-through;}

.owl-dots { display: block; margin: 15px 0 0; text-align: center; overflow: hidden;}
.owl-dots .owl-dot{ width: 10px; height: 10px; border-radius: 100%; display: inline-block;
margin: 0 5px 0 0;}

.table-bordered > tbody > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > td,
.table-bordered > tfoot > tr > th, 
.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th { border-color: #989898;}
input[type="radio"],
input[type="checkbox"] { height: initial; margin-top: 1px;}

.slick-arrow { position: absolute; right: 0; top: -50px; border: 0; padding: 0 8px;
border-bottom: 3px solid rgba(0,0,0,0.3); color: #fff;}
.slick-prev { margin: 0 40px 0 0 }
.slick-prev:after { content: "\f060"; font-family: FontAwesome;}
.slick-next:after { content: "\f061"; font-family: FontAwesome;}

.after-clear:after{ content: ''; display: block; clear: both;}
/****** Home Page 1 ***********************************************************
*********************************************************** Home Page 1 ******/
/******* Header *******/
.header{ position: absolute; width: 100%; z-index: 1000;}

/* Top Bar */
.top-bar{ background: #fff; padding: 11px 0;}
.phone-numbers ul li{ float: left; margin: 0 0 0 30px;}
.phone-numbers ul li:first-child{ margin: 0;}
.phone-numbers ul li i{ margin: 0 10px 0 0;}

/******* Nav *******/
.nav-holder{ background: rgba( 0,0,0,0.5); min-height: 50px;}
.nav-holder .p-relative{ min-height: 66px;}

/* Logo */
.logo{ float: left;}
.logo a{ position: absolute;}

/* Naviation */
.navigation{ float: right;}
.navigation ul li{ float: left; position: relative;}
.navigation > ul > li > a{ position: relative; padding: 30px 20px; color: #fff; font-size: 16px; font-weight: bold;
text-transform: uppercase;}
.navigation > ul > li > a::before,
.navigation > ul > li > a::after{ content: ""; top: 50%; position: absolute; width: 0; height: 2px; background: #fff!important;}
.navigation > ul > li > a::before{ left: 5px;}
.navigation > ul > li > a::after{ right: 5px;}
.navigation > ul > li > a:hover::before,
.navigation > ul > li > a:hover::after{ width: 10px;}
.navigation > ul > li.active > a::before,
.navigation > ul > li.active > a::after{ width: 10px;}
.navigation ul:after{ content: ''; display: block; clear: both;}

.slicknav_menu {display:none;}
.slicknav_nav .slicknav_arrow{float: right;}
.slicknav_nav .slicknav_row:hover,
.slicknav_nav a:hover { border-radius: 0; color: #222;}
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { font-size: 17px; text-transform: capitalize;}
.slicknav_menu {width: 70%; background:none; margin: 0 auto;}
.slicknav_nav{background:#222;}
.slicknav_btn {margin: 0; float: none; border-radius: 0; display: block; width: 100%; overflow: hidden; padding: 10px 15px;}
.slicknav_menu .slicknav_icon { float: right;}
.slicknav_nav .slicknav_row, 
.slicknav_nav a{ text-transform: capitalize; margin: 0; padding: 10px 20px;}

/* Dropdown */
.navigation li > ul{ list-style: none; margin: 0; padding: 0; top: 100%; left: 0; border-radius: 0; position: absolute; width: 200px; 
visibility: hidden; opacity: 0; z-index: 10;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.19);}
.navigation li:last-child > ul { left: initial; right: 0;}

.navigation li ul li{ position: relative; float: none; border-bottom: 1px solid rgba(255,255,255,0.1); margin: 5px 0;
-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;
transition: all 0.3s ease-in-out;}
.navigation li ul li:last-child{ border: 0;}
.navigation li ul li a{ font-weight: bold; padding: 10px 15px; text-transform: capitalize; background: rgba(0,0,0,0.6); color: #fff;}
.navigation li ul li a i{ color: #666; position: absolute; right: 10px; top: 50%; margin: -7px 0 0;}
.navigation li:hover > ul{ visibility: visible; opacity: 1; top: 100%;}
.navigation li:hover > ul li{ margin: 0;}

/* Sub Menu */
.navigation li > ul li ul{ left: 110%; top: 0!important;}
.navigation li ul li:hover > ul{ visibility: visible; opacity: 1;}

/* Search Bar */
.search-bar a{ padding: 30px 0; color: #fff;}  

/* Search Style */ 
.search-modal{ position: fixed; top: 0px; left: 0px; width: 100%; 
height: 100%; background-color: rgba(0, 0, 0, 0.9); opacity: 0; display: none;}
.search-modal.open{ opacity: 1; z-index: 100; display: block;}
.search-modal form input{ width: 100%; text-align: center; height: 50px; text-transform: capitalize; font-size: 40px; border: 0; color: #fff;}

/* Parllax Banner */
.parllax-banner::before{ background: rgba(0,0,0,0.5);}

.tp-caption h1{ font-size: 70px; margin: 0; font-weight: bold;
 text-transform: capitalize; color: #fff;}
.tp-caption p { font-size: 28px; color: #fff; line-height: 28px }
.tp-caption .btn:hover { color: #fff;}
.tp-caption.style-2 h1{ font-family: 'Raleway', sans-serif; font-size: 60px;}

/******* Main Content *******/

/* About Section */
.about-img iframe {height: 255px;}
.about-img,
.upper-rotate{ border: 10px solid #fff; position: relative;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);}
.upper-rotate{ position: absolute;  left: 0; top: 0;
-ms-transform: rotate(-12deg);
-webkit-transform: rotate(-12deg);
transform: rotate(-12deg);}
.about-text p { padding: 0px 15px 0px 0; line-height: 24px; margin-bottom:10px;}

/* About Section Styel 2 */
.about-services li{ position: relative; padding: 0 0 0 100px; margin: 0 0 30px; min-height: 100px;}
.about-services li:last-child{ margin: 0;}
.about-services li .service-icon{ position: absolute; left: 0; height: 70px; width: 70px; border-radius: 100%; border: 2px solid;
text-align: center; line-height: 70px; font-size: 30px;}
.about-services.icon-left li{ padding: 0 100px 0 0; text-align: right;}
.about-services.icon-left li .service-icon{ right: 0; left: auto;}
.about-img.style-2{ box-shadow: none; border: 0; background: #fff;}
.about-services h3 { font-size: 20px;}
.about-services li p{ margin: 0;}
.about-services li:hover .service-icon{ color: #fff;}

/* Special Offer */
.sepcial-product-img{ position: relative; overflow: hidden;
 border: 10px solid #fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);}
.sepcial-product-img img{ width: 100%;}
.sepcial-product-detail{ background: #fff; padding: 20px; position: relative; 
z-index: 2; text-align: center; overflow: hidden;	
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);}
.sepcial-product-detail h4{ margin: 0 0 20px;}
.sepcial-product-detail ul{ overflow: hidden; float: right; margin: 5px 0 0;}
.sepcial-product-detail .price{ font-size: 35px; display: inline-block; float: left; line-height: 35px;}
.overlay-dark.offer-parralax::before {background: rgba(0,0,0,0.6);}

/* Gallery V-1 */
.gallery-holder{ position: relative;}
.gallery-figure{ overflow: hidden; position: relative;}
.gallery-figure.wrap .overlay a.item{ height: 40px; width: 40px; line-height: 40px; text-align: center; color: #fff;
 left: calc(50% - 20px); top: calc(50% - 20px);}
.gallery-holder.style-1  [class^="col-"],
.gallery-holder.style-1  [class*=" col-"] { padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}
.gallery-holder.style-1 .row { margin-right: -5px; margin-left: -5px;}
.gallery-holder.nh-padding.style-1 { padding-bottom: 70px;}

/* Lates News */
.news-img{ position: relative; overflow: hidden; margin: 0 0 30px;}	
.date-batch{ width: 60px; text-align: center; color: #fff; padding: 6px 0; position: absolute; 
left: 0; bottom: 0; z-index: 1;}
.date-batch strong{ display: block; font-size: 32px; line-height: 28px;} 
.date-batch span{ display: block; font-size: 14px; text-transform: capitalize; font-weight: bold;}  
.news-detail p{ margin: 0;}

/* Lates News 2 */
.lates-News.style-2 .news-img{ margin: 0;}

/* Booking Form */
.booking-form-holder{ overflow: hidden;}
.booking-form{ background: #fff; padding: 53px 30px; position: relative; z-index: 2;}
.reservations-btn p{ line-height: 44px; margin: 0; font-size: 18px;}
.reservations-btn {overflow: hidden;}

.booking-form::before,
.booking-form::after{  content: "";  height: 100%; background: #fff; z-index: -1; position: absolute; right: 100%; width: 150px;}
.booking-form::before{ top: -180px;
-moz-transform: rotate(-42deg);
-webkit-transform: rotate(-42deg);
-o-transform: rotate(-42deg);
-ms-transform: rotate(-42deg);
transform: rotate(-42deg);}	
.booking-form::after{ bottom: -180px; 
-moz-transform: rotate(42deg);
-webkit-transform: rotate(42deg);
-o-transform: rotate(42deg);
-ms-transform: rotate(42deg);
transform: rotate(42deg);}
.booking-form-holder:hover .booking-form::before,
.booking-form-holder:hover .booking-form::after{ right: 50%;}
.booking-form-holder:hover img{ transform: scale(1.1);}

/* Booking Form Style 2 */
.booking-form-holder.style-2 .booking-form{ background: none;}
.booking-form-holder.style-2 .booking-form::before,
.booking-form-holder.style-2 .booking-form::after{ display: none;}
.booking-form-holder.style-2 .form-control{ color: #fff; border-color: #fff;}
.booking-form-holder.style-2 .form-group i{ color: #fff;}
.booking-form-holder.style-2 .form-control::-moz-placeholder{ color: #fff;}
.booking-form-holder.style-2 .form-control::-webkit-input-placeholder{ color: #fff;}
.booking-form-holder.style-2 .form-control option{ color: #7e7e7e;}
.booking-form-holder.style-2 .booking-form{ width: 80%; margin: 0 auto; padding: 0;}

/* Booking Form Style 3 */
.booking-form-holder.style-3 .booking-form{ padding: 80px 0 0;}
.booking-form-holder.style-3 .booking-form::before,
.booking-form-holder.style-3 .booking-form::after{ display: none;}
.booking-form-holder.style-3:hover img{ transform: scale(1);}

/* Facts Section */
.facts-lsit ul li{ float: left; text-align: center; padding: 0 44px; border-left: 1px solid rgba(255,255,255,0.2);
width: 25%;}
.facts-lsit ul li:first-child{ border: 0;}
.facts-lsit ul li h2{ font-size: 40px; margin: 0 0 10px; display: block;}
.facts-lsit ul li h4{ font-size: 16px; color: #fff; font-weight: bold; text-transform: uppercase; margin: 0; font-size: 14px;}
.facts-section .btn{ position: relative; z-index: 1;}

/* Menu List */
/*.menu-item{ margin: 15px 0;}*/
.menu-item p{ font-size: 18px; margin: 0;}
.name-price{ overflow: hidden; padding: 0 0 10px; margin: 0 0 10px; border-bottom: 1px solid rgba( 113,127,68,0.4); }
.name-price h3{ float: left; margin: 0; text-transform: capitalize; font-weight:normal;}
.name-price span{ float: right; font-size: 24px; font-weight: bold; line-height: 25px;}

/* Menu With Title */
.menu-item .name-price{ padding: 10px 0;}
.menu-item{ position: relative; padding: 0 0 0 130px; }
.view-all-btn{ margin: 35px 0 0;}
.menu-item-img{ position: absolute; left: 0;}
.menu-item-img .btn{ text-align: center; margin: 10px 0 0;}
.menu-item-img .btn i{ margin: 0;}
.menu-item-img .overlay{ visibility: hidden; opacity: 0;}
.menu-item:hover .overlay{ visibility: visible; opacity: 1;}
.menu-item:hover .overlay .btn{ margin: 0;}

/* Testimonial */
.client-say{ text-align: center; width: 70%; margin: 0 auto;}
.client-say blockquote{ font-size: 18px; color: #fff; font-weight: bold;}
.client-img{ margin: 0 0 20px; display: inline-block;}
.client-img img{ border-radius: 100%; overflow: hidden;}
.client-name{ display: inline-block; font-size: 18px; font-weight: bold;}
.testimonail-slider{ text-align: center;}
.testimonail-slider .slick-dots li{ height: 10px; width: 10px; border: 2px solid #fff; border-radius: 100%; float: left;
margin: 0 0 0 5px; cursor: pointer;}
.testimonail-slider .slick-dots li:first-child{ margin: 0;}
.testimonail-slider .slick-dots{ display: inline-block; margin: 30px 0 0;}
.testimonail-slider .slick-dots li.slick-active{ background: #fff;}

/* Team */
.team-column{ position: relative; text-align: center; padding-bottom: 0;}
.team-column h5{ font-size: 24px; margin: 0 0 10px; text-transform: capitalize;}
.team-column h5 span{ display: block; font-size: 12px; margin: 10px 0 0;}
.team-column p{ font-size: 16px; margin: 0;}
.team-column .social-icons ul{ display: inline-block;}
.team-column .social-icons{ display: none;} 

/* Team Style 2 */
.team.style-2 .team-column{ padding: 20px 5px 5px; position: relative;}
.team.style-2 .team-column .thumb-holder{ border: 10px solid #fff; margin: 0 0 20px; display: inline-block;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.10);}
.team.style-2 .thumb-holder{ position: relative;}

/* Team Style 3 */
.team.style-3 .team-detail{ position: absolute; bottom: 10px; right: 10px; 
border: 10px solid #fff; background: #fff; padding: 0 10px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);}
.team.style-3 .team-detail h5{ font-size: 20px;}

/* NewsLatter */
.newslatter{ padding: 30px 0; overflow: hidden;}
.newslatter p{ font-size: 25px; text-align:center; color: #fff; font-weight: bold; text-transform: capitalize;
line-height: 45px; margin: 0;}
.subcribe{ float: right; position: relative; width: 300px;}
.subcribe .form-control{ background: #fff;}
.subcribe a{ position: absolute; height: 100%; width: 40px; text-align: center; line-height: 45px;
color: #fff; top: 0; right: 0; background: #042940;}

/******* Footer *******/
.footer{ background: #00080c;}
.footer::before{ z-index: 2;}

/* Footer Widget */
.logo-widget img{ margin: 0 0 5px;}
.logo-widget span{ display: block; margin: 0 0 10px; color: #fff;}
.logo-widget p{ margin: 0; color: #fff;}
.footer-widget h3{ margin: 0 0 40px; text-transform: capitalize;}

/* Working Hours */
.working-hours ul li{ color: #fff; font-size: 16px; margin: 0 0 30px;}
.working-hours ul li:last-child{ margin: 0;}
.working-hours ul li strong{ margin: 0 0 10px; display: block;}
.working-hours ul li strong i{ margin: 0 10px 0 0;}
.working-hours ul li p{ margin: 0; color: #fff;}

/* flicker Gallery */
.flicker-img ul{ margin: 0 0 0 -10px; padding: 0; list-style: none; overflow: hidden;}
.flicker-img li{ float: left; margin: 0 0 10px 10px;}

/* Address */
.adress-list li{ position: relative; color: #fff; padding: 0 0 0 20px; margin: 0 0 15px;
font-size: 15px;}
.adress-list li:last-child{ margin: 0;}
.adress-list li i{ position: absolute; left: 0; top: 5px;}

/* Social Icons */
.social-icons-s{ margin: 20px 0 0;}
.social-icons-s li{ float: left; margin: 0 0 0 10px;}
.social-icons-s li:first-child{ margin: 0;}
.social-icons-s li a{ color: #fff; font-size: 25px;}

/* Sub Footer */
.sub-footer{ text-align: center; background: #031016; padding: 20px 0;}
.sub-footer p{ margin: 0; color: #fff;}

/****** Home Page 2 ***********************************************************
*********************************************************** Home Page 2 ******/
/* Layers Banner */
.carousel-inner .item::before{ content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%;
}
.caption h1{ font-size: 60px; margin: 0 0 20px; font-weight: bold; text-transform: capitalize;}
.caption p{ font-size: 20px; margin: 0 0 20px; color: #fff}
.caption.style-1{ margin: 100px 0 0;}
/****** Home Page 2 ***********************************************************
*********************************************************** Home Page 2 ******/

/****** Home Page 4 ***********************************************************
*********************************************************** Home Page 4 ******/
.box-layout{ background:#031016;}
.box-layout .wrapper{ max-width: 1200px; margin: 50px auto; position: relative;}
/* Video Banner */
.video-banner{position: relative; overflow: hidden;}
video{ width: 100%; height: auto; max-height: 100%;}
.caption.style-1 h1{ font-size: 49px;}
/****** Home Page 4 ***********************************************************
*********************************************************** Home Page 4 ******/

/****** Home Page 5 ***********************************************************
*********************************************************** Home Page 5 ******/
/* Slide Slider */
.simple-slider{ overflow: hidden;}
.simple-slider .slick-list .slick-slide{ margin: 0!important; padding: 0!important; }
.simple-slider li{ display: inline-block; position: relative;}
.simple-slider li div > img{ height: 100%;}
.simple-slider .caption{ margin: 40px 0 0;}
.simple-slider .caption-holder{ position: absolute; top: 0; height: 100%; width: 100%;  left: 0;}
.simple-slider .caption-holder::before{	background: rgba(0,0,0,0.5);}


































/****** Inner Banner ***********************************************************
*********************************************************** Inner Banner ******/
.inner-banner.nh-padding{padding: 90px 0 40px 0;}
.banner-content { text-align: center;}
.banner-content h3 { text-transform: capitalize; font-size: 34px; word-spacing: 10px;}
.bread-crums li { display: inline-block; margin: 0 25px 0 0; font-weight: bold; position: relative; text-transform: capitalize;}
.bread-crums li:last-child { margin: 0;}
.bread-crums li:after { content: '/'; position: absolute; right: -15px; top: 2px;}
.bread-crums li:last-child::after { content: ' ';}
/****** Inner Banner ***********************************************************
*********************************************************** Inner Banner ******/

/****** Menu Pages ***********************************************************
*********************************************************** Menu Pages ******/
/* Menu List */
.menu-list .masonry-grid,
.menu-grid .masonry-grid { margin: 0 0 30px;}
.menu-list .masonry-grid > h3{ margin: 0 0 30px; text-align: center;}
.menu-list .name-price h3,
.menu-list .name-price h3, .menu-list .name-price span {
    font-size: 18px;
    display: block;
    height: 15px;
    width: 100%;
}
.menu-list .menu-item p { font-size: 16px;}
.menu-list.nh-padding{padding: 80px 0 32px 0;}
.menu-list.style-2{ padding: 80px 0;}
.menu-list.style-2 .menu-item{ padding: 0;}

/* Menu Grid */
.menu-grid.nh-padding{padding: 80px 0 44px 0;}
.menu-grid .detail { text-align: center;}
.menu-grid .detail h3 { font-size: 20px;}
.menu-grid .gallery-figure { margin: 0 0 30px;}
.menu-grid .detail span{ font-size: 24px; font-weight: bold; display: block;}
.menu-grid.style-2{ padding: 80px 0!important;}
.menu-grid .menu-img{ position: relative;}
.menu-grid .detail{ padding: 30px 0 0;}
.menu-grid .menu-img .overlay{ visibility: hidden; opacity: 0;}
.menu-grid .menu-img .overlay .btn{ margin: 30px 0 0;}
.menu-grid .masonry-grid:hover .overlay{ visibility: visible; opacity: 1;}
.menu-grid .masonry-grid:hover .overlay .btn{ margin: 0;}
.menu-img img { width: 100%;}

/* Menu Overlay */
.menu-overlay-wrap{ padding: 0 100px;}
.menu-item-holder { position: relative;}
.item-details { padding: 30px; background: #fff; min-width: 60%; right: 0;
-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.34);
box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.34);}
.item-details ul li{ margin: 0 0 5px;}
.item-details ul li:last-child{ margin: 0;}
.item-details ul li:after{ content: ''; display: block; clear: both;}
.item-details ul li h5{ float: left; margin: 0; position: relative; padding: 0 12px 0 0;}
.item-details ul li h5 img{ margin: 0 15px 0 0; border-radius: 100%;}
.item-details ul li h5:after{border-bottom: 1px dotted #000; content: ''; position: absolute; left: 100%; width: 90%; top: 50%;}
.item-details ul li span{float: right; line-height: 52px; font-size: 18px; font-weight: bold;}
.menu-overlay .masonry-grid { margin: 0 0 60px;}
.menu-overlay .masonry-grid:last-child { margin: 0;}
.item-details.left{left: 0; right: initial;}
.figure-holder{ position: relative; overflow: hidden;}
.figure-hover{ position: absolute;bottom: 60%; left: 0; width: 100%; height: 100%; text-align: center;
padding: 30px; visibility: hidden; opacity: 0;}
.menu-item-holder:hover .figure-hover { bottom: 0; visibility: visible; opacity: 1;}
.figure-hover .content{ position: absolute; bottom: 30px; left: 0; width: 100%;}
.figure-hover h3,
.figure-hover p,
.figure-hover a { color: #fff;}
.figure-hover p { font-size: 18px;}
.figure-hover .price { color: #fff; display: block; margin: 0 0 10px; font-size: 22px;}
.figure-hover .content a{ width: 60px; height: 60px; border-radius: 50%; line-height: 60px; font-size: 22px; text-align: center;}
/****** Menu Pages ***********************************************************
*********************************************************** Menu Pages ******/

/****** Recipe Pages ***********************************************************
*********************************************************** Recipe Pages ******/
/* Recipe Detail */
.recipe-details p { border-bottom: 1px solid rgba(0,0,0,0.1); padding: 0 0 30px; margin: 0 0 30px;}
.ingrediants li{ margin: 0 0 5px; padding: 0 0 0 30px; position: relative;}
.ingrediants li::before{ content: "\f00c"; font-family: fontawesome; position: absolute; left: 0;}
.product-descriptions p:last-child{ margin: 0;}
.product-directions ul li{ position: relative; padding: 0 0 0 50px; margin: 0 0 30px;}
.product-directions ul li span{ left: 0; height: 30px; line-height: 30px; width: 30px;
text-align: center; color: #fff; border-radius: 100%;}
.product-directions ul li p:last-child{ margin: 0;}
.product-directions ul li:last-child{ margin: 0;}
.nutrition-table{ margin: 0 0 30px;}
.nutrition-table table,.nutrition-table table th,.nutrition-table table td{ text-align:left; border:none; padding: 8px 20px 8px 0;}
.progressbar{ display:inline-block; width: 200px; height:4px; margin: 0 0 0 10px; background:#dbdbdb;}
.progressbar > span{ display:block; width:40%; height:4px;}
.progressbar .width-1{ width:10%;}
.progressbar .width-2{ width:20%;}
.progressbar .width-3{ width:30%;}
.progressbar .width-4{ width:40%;}
.progressbar .width-5{ width:50%;}
.progressbar .width-6{ width:60%;}
.progressbar .width-7{ width:70%;}
.progressbar .width-8{ width:80%;}
.progressbar .width-9{ width:90%;}
.recipe-slider #recipe-gallery { margin: 0 0 15px;}
#recipe-gallery-pager .slick-list { margin: 0 -10px;}
#recipe-gallery-pager .slick-list .slick-slide { margin: 0 10px;}

/* Recipe 2 col */
.recipe-holder.style-1 .recipe-details h3{ font-size: 20px;}
.recipe-holder.style-1,
.recipe-holder.style-2{ margin-bottom:30px;}
.recipe-2-col.nh-padding{ padding-bottom:40px;}
.related-products .figure-holder{ overflow: initial;}
.related-products .figure-holder .rating-stars { position: absolute; left: calc(50% - 60px); bottom: -10px; margin: 0;}
.related-products .product-holder { border: 1px solid #e8e8e8;}
.related-products .inner-detail { padding: 30px; text-align: center;}
.related-products .inner-detail h3 { font-size: 20px;}
.recipe-video iframe{ width: 100%; height: 490px;}

/* Recipe 3 col */
.recipe-3-col.nh-padding { padding-bottom: 40px;}
.recipe-holder.style-2 .figure-holder{ overflow: initial; margin: 0 0 30px;}
.recipe-holder.style-2 .figure-holder .rating-stars { position: absolute; left: calc(50% - 60px); bottom: -10px; margin: 0;}
.recipe-holder.style-2 .price {display: block; margin: 0  0  10px; font-size: 22px;}
.recipe-holder.style-2 .inner-detail {text-align: center;}
.recipe-holder.style-2 h3 { font-size: 20px;}

/* Recipe Gallery */ 
#bx-pager:after{ content: ''; display: block; clear: both;}
#bx-pager a { float: left; margin: 0 15px 0 0;}
#bx-pager a:last-child { margin: 0;}
.bx-wrapper .bx-viewport { box-shadow: none; border: 0; padding: 0; left: 0 !important;}
.bx-wrapper { margin-bottom: 15px;}

/****** Recipe Pages ***********************************************************
*********************************************************** Recipe Pages ******/

/****** 404 ***********************************************************
*********************************************************** 404 ******/
.nh-error-section { text-align: center;}
.nh-message .nh-img-holder,
.nh-message p { margin: 0 0 30px;}
.nh-message h2 { font-size: 100px;}
.nh-padding.error { padding-top: 50px;}
/****** 404 ***********************************************************
*********************************************************** 404 ******/

/****** Contact ***********************************************************
*********************************************************** Contact ******/
.nh-contact .form-group i { left: 10px; right: f2f2f2tial;}
.nh-contact .form-control { padding: 0 33px;}
#map { width: 100%; height: 410px;}
.nh-contact-info .nh-info h3 { text-transform: capitalize; margin: 0 0 30px;}
.nh-info ul li { position: relative; margin: 0 0 15px;}
.nh-info ul li:last-child { margin: 0;}
.nh-info ul li p{ margin: 0; padding: 0 0 0 30px;}
.nh-info.font ul li i{ position: absolute; left: 0; top: 5px; font-size: 17px;}
.nh-info .timing h4 { text-transform: capitalize; font-size: 14px;}
.nh-info .timing h4 i{ margin: 0 5px 0 0;}
/****** Contact ***********************************************************
*********************************************************** Contact ******/

/****** Blog Right Sidebar ***********************************************************
*********************************************************** Blog Right Sidebar ******/
.nh-post { margin: 0 0 30px; position: relative; border: 1px solid #f7f7f7;}
.nh-post-details { padding: 30px;}
.nh-post .read-more { display: inline-block;}
.blog-sidebar .nh-post-details p { margin: 0;}

/* Sidebar */
.nh-widget { width: 100%; float: left; margin: 0 0 30px; background: #f0f0f0;}
.nh-widget h4 { padding: 15px; text-transform: capitalize; margin: 0;
font-size: 24px; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 10px;}

/* Search */
.nh-search { width: 100%; float: left; position: relative;}
.form-search fieldset button { position: absolute; top: 0; right: 0; width: 45px; height: 45px; z-index: 2; cursor: pointer; 
background: transparent; border: 0;}
.nh-search .form-control { border: 0;}

/* Profile */
.nh-profile img { border-radius: 100%; margin: 0 0 15px;}
.nh-profile { text-align: center; padding: 15px;}

/* Social */
.social-widget{padding: 15px; overflow: hidden;}
.social-widget .social-icons-s { display: inline-block; float: right; margin: 0;}
.social-widget strong{ float: left; text-transform: capitalize; font-size: 16px;}

/* Populer post */
.populer-posts {padding: 15px;}
.populer-posts li { position: relative;}
.populer-posts li img{ position: absolute; left: 0; top: 0;}
.populer-posts ul li .inner { padding-left: 85px;}
.populer-posts .inner p { line-height: 20px; margin: 0 0 5px;}
.populer-posts .inner .blog-meta { margin: 0;}
.populer-posts > ul > li { margin: 0 0 15px; overflow: hidden;}
.populer-posts > ul > li:last-child { margin: 0;}

/* Categories */
.categories-widget { padding: 15px;}
.categories-widget ul li { text-transform: capitalize; margin: 0 0 15px; cursor: pointer;}
.categories-widget ul li:last-child { margin: 0 ;}
.categories-widget ul li i { margin: 0 10px 0 0;}
.categories-widget ul li:hover {margin-left: 10px;}

/* Insta */
.instagram-widget { padding: 15px;}

/* Tage */
.tags-widget { padding: 15px;}
.tags-widget ul li { display: inline-block; margin: 0 3px 6px 0;}
.tags-widget ul li a{display: block; color: #fff; border: 1px solid; background: transparent; padding: 5px 10px;
text-transform: capitalize;}
.tags-widget ul li a:hover { background: #00080c;}

/* Add */
.add-widget { padding: 15px;}

/****** Blog Right Sidebar ***********************************************************
*********************************************************** Blog Right Sidebar ******/

/****** Blog Detail ***********************************************************
*********************************************************** Blog Detail ******/
.features{ margin: 20px 0;}
.blog-detail .nh-post .features:after{ content: ''; display: block; clear: both;}
.blog-detail .nh-post .features { margin: 0 0 10px;}
.blog-detail .nh-post .features li{ width: 50%; margin: 0 0 10px; float: left;}
.blog-detail .nh-post .features li i{ margin: 0 5px 0 0;}
.blog-detail .nh-post p { margin: 0 0 20PX;}
.blog-detail .nh-post p:last-child { margin: 0;}
.blog-detail .figure-holder:after{     content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
background: -moz-linear-gradient(top, rgba(0,0,0,0.1) 50%, rgba(0,0,0,1) 100%, rgba(0,0,0,1) 101%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 50%,rgba(0,0,0,1) 100%,rgba(0,0,0,1) 101%);
background: linear-gradient(to bottom, rgba(0,0,0,0.1) 50%,rgba(0,0,0,1) 100%,rgba(0,0,0,1) 101%);}
.blog-detail .figure-holder .figure-title { position: absolute; bottom: 0; padding: 30px; z-index: 2; width: 100%;}
.figure-title h3 { color: #fff; text-transform: capitalize;}
.figure-title .blog-meta li { color: #fff;}
.blog-detail .figure-holder:hover img { transform: scale(1.1);}
.blog-detail .video-holder iframe { width: 100%; height: 480px; border: 0; padding: 0; margin: 0;}

/*qoute*/
.qoute-1 { color: #fff; padding: 30px;}
.qoute-2 { background: #f0f0f0; padding: 30px; padding-left: 130px; position: relative;}
.qoute-2 i { position: absolute; left: 30px; top: 30px; font-size: 40px; border: 1px solid; padding: 15px;}

/*share*/
.share-artical:after { content: ''; display: block; clear: both;}
.share-artical { background: #f0f0f0; padding: 15px 30px; margin: 0 0 30px;}
.share-artical h4{ margin: 0; line-height: 34px;}

/*auther*/
.nh-auther-holder { margin: 0 0 30px; padding: 20px 30px; border: 1px solid #ddd; overflow: hidden;}
.nh-auther-holder .figure-holder { float: left; margin: 0 30px 0 0;}
.nh-auther-holder .auther-info { overflow: hidden;}

/*comments*/
.nh-comments .comment{ padding: 20px 30px ; border: 1px solid #ddd; margin: 0 0 30px;}
.nh-comments .child { padding-left: 100px;}
.comment:after { content: ''; display: block; clear: both;}
.comment .author-img { float: left; margin: 0 30px 0 0; border: 1px solid #fff;}
.comment .comment-box { overflow: hidden;}
.comment .comment-box .description{ margin: 0;}
.comment-head h3 { font-size: 16px;}
.reply{ float: right; height: 25px; line-height: 25px; padding: 0 15px; color: #fff; text-transform: uppercase;
font-size: 12px;}
.heading-holder h3 { margin: 0 0 30px;}
/****** Blog Detail ***********************************************************
*********************************************************** Blog Detail ******/

/****** Shop Grid ***********************************************************
*********************************************************** Shop Grid ******/
.products-grid .product-holder{ margin: 0 0 30px; border: 1px solid #f5f5f5;}
.product-filter{ margin: 0 0 30px;}

.view-option p{ float: left; font-size: 16px; color: #113144; margin: 0 30px 0 0; line-height: 48px;}
.view-option ul{ float: left; padding: 13px 0 0;}
.view-option ul li{ float: left; margin: 0 0 0 10px;}
.view-option ul li:first-child{ margin: 0;} 
.view-option ul li a{ font-size: 18px; color: #b2b2b2;}

.sort-by ul:after { content: ''; display: block; clear: both;}
.sort-by{ float: right;}
.sort-by li{ float: left; margin: 0 30px 0 0; font-size: 15px; line-height: 40px;}
.sort-by li:last-child{ margin: 0;}
.sort-by li .form-control{ width: 140px; height: 40px;}

.products-grid .inner-detail { padding: 30px; text-align: center;}
.products-grid .inner-detail .product-name {font-size: 18px; margin: 0 0 7px;}
.figure-holder { position: relative;}
.products-grid .figure-holder .rating-stars { position: absolute;left: 0; bottom: -10px; width: 100%; text-align: center; 
margin: 0; z-index: 10;}
strong.price{ line-height: 1.1; margin: 0 0 7px; display: block;}

/****** checkout ***********************************************************
*********************************************************** checkout ******/
.sec-heading { padding: 15px 30px; margin: 0 0 30px; overflow: hidden; color: #fff;} 
.checkout-holder form.row { margin-bottom: 30px;}
.checkout-holder .table { margin: 0 0 30px;}
.checkout-holder .radio input[type="radio"] { margin-left: -25px;}
.terms a { display: inline-block; font-weight: 600;}
.checkout-holder .checkbox.terms { margin: 15px 0 25px;}
.checkout-holder form.row .radio label,
.checkout-holder form.row .chekbox label{ font-weight: 600;}

/****** cart ***********************************************************
*********************************************************** cart ******/
.cart-table td[data-title="product img"] {width: 120px;}
.cart-table td[data-title="product details"] {max-width: 400px; width: 400px;}
table.cart-table tbody td,
table.cart-table thead th  { text-align: center; vertical-align: middle; padding: 15px;}
table.cart-table thead th { text-transform: capitalize; border: 0; color: #fff; background: #989898;}
.table-bordered { border-color: #989898;}
.quantity .qty{ text-align: center; padding: 0;}
.quantity span { cursor: pointer;}
/****** Cart ***********************************************************
*********************************************************** Cart  ******/

/****** comming soon ***********************************************************
*********************************************************** comming soon  ******/
.comming-soon-holder { background: url('assets/images/comming-soon.jpg')no-repeat; background-size: cover; position: relative; text-align: center;}
.comming-soon-holder:after { content: ''; position: absolute; left:0; top: 0; width: 100%; height: 100%;
background: rgba(0,0,0,0.6); z-index: 1}

.comming-soon-wrap{z-index: 10; position: relative; width: 60%; margin: 0 auto; padding: 30px;}
#comming-countdown{ margin: 0 0 20px; padding: 30px 0; display: block; text-align: center;}
#comming-countdown li{color: #fff; display: inline-block; margin-left: 60px;}
#comming-countdown li:first-child{ margin: 0;}
#comming-countdown li span{ font-size: 48px; position: relative; display: block; margin: 0 0 25px;font-weight: bold;}
#comming-countdown li span::before{ content: ""; position: absolute; margin: 0 0 0 -15px; width: 30px;
 left: 50%; bottom: -15px; height: 1px; background: #fff;}
#comming-countdown li p{margin: 0; font-size: 13px; color: #fff;}
.comming-soon-wrap .logo-holder { margin: 0 0 20px;}
.comming-soon-wrap > p{font-size: 22px; text-transform: capitalize; color: #fff;}
.comming-soon-wrap .newsletter-form p{color: #fff;}
.newsletter-form .btn { height: 45px; line-height: 45px; padding: 0 30px;}
.newsletter-form .form-control{ border-color: #fff;}
.newsletter-form .form-control
.newsletter-form .form-control::-webkit-input-placeholder{ color: #fff;}
.newsletter-form .form-control:-moz-placeholder{ color: #fff;}
.newsletter-form .form-control::-moz-placeholder{ color: #fff;}
.newsletter-form .form-control:-ms-input-placeholder{ color: #fff;} 

/****** faq holder  ***********************************************************
*********************************************************** faq holder   ******/
.list-categories li { margin: 0 0 15px; display: block;}
.list-categories li:last-child { margin: 0 ;}
.list-categories li a { padding: 15px 30px; background: #f0f0f0; border:1px solid #e8e8e8; font-size: 16px;}

.list-categories li.active a,
.list-categories li a:hover {  color: #fff;}
.faq-pannels .panel-title { text-transform: inherit;}
.faq-pannels .panel-title a { display: block; padding: 20px 30px; text-decoration: none;}
.faq-pannels .panel-heading {  border: 1px solid #e8e8e8; padding: 0; border-radius: 0;}
.faq-pannels .panel-group { margin: 0 0 40px;}
.faq-pannels .panel { border: 0; box-shadow: none; margin: 0 0 15px;}
.faq-pannels .panel-title { font-weight: normal; font-family: 'Josefin Sans', sans-serif;}
.title{ margin: 0 0 30px;}
/****** faq holder  ***********************************************************
*********************************************************** faq holder   ******/

/****** shop detail  ***********************************************************
*********************************************************** shop detail   ******/
.add-cart-alert{ overflow: hidden; border-top: 1px solid; padding: 10px 20px; background: #f7f7f7; margin: 0 0 40px;}
.add-cart-alert p{ float: left; margin: 0; line-height: 40px;}
.add-cart-alert p i{ margin: 0 10px 0 0;}
.single-product-detail{ margin: 0 0 60px;}
.single-product-detail .btn-list li a i{ margin: 0;}

.product-thumnbnail{ text-align: center;}
.product-thumnbnail .bx-wrapper{ border: 1px solid #e3e3e3; overflow: hidden; text-align: center;}
.product-thumnbnail .bx-wrapper ul li{ padding: 50px 0;}
.product-thumnbnail .bx-wrapper ul li > img{ display: inline-block;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);}
.product-thumnbnail .bx-wrapper ul li .expand{ height: 45px; width: 45px; text-align: center; line-height: 45px; background: #1e293d;
position: absolute; left: 0; top: 0;}
.product-thumnbnail #product-thumbs a{ float: left; padding: 15px 29.8px; border-left: 1px solid #e3e3e3; border-top:0;
border-bottom: 1px solid #e3e3e3;}
.product-thumnbnail #product-thumbs a:last-child{ border-right: 1px solid #e3e3e3;}
.product-thumnbnail #product-thumbs{ display: inline-block;}

.availability{ text-transform: capitalize!important; color: #999; margin: 0 0 20px; display: block;}
.availability strong{ margin: 0 0 0 10px;}
.availability strong i{ margin: 0 0 0 10px;}

.single-product-detail h3{ font-weight: bold; font-size: 24px;}
.single-product-detail .rating-stars{ margin: 0 0 20px; overflow: hidden;}
.single-product-detail .rating-stars li:last-child{ margin: 0 0 0 10px; font-size: 12px; color: #999; line-height: 25px;}
.single-product-detail h4{ font-size: 18px; font-weight: bold;}

.single-product-detail p{ margin: 0 0 19px;}

.quantity-box{ overflow: hidden; margin: 0 0 25px;}
.quantity-box label{ float: left; margin: 0 10px 0 0; line-height: 38px;}
.sp-minus{ width:40px; height:40px; border:1px solid #f2f2f2; float:left; text-align:center; color: #999; cursor: pointer;}
.sp-input{ width:110px; height:40px; border:1px solid #f2f2f2; border-left:0px solid black; float:left;}
.sp-plus{ width:40px; height:40px; border:1px solid #f2f2f2; border-left:0px solid #f2f2f2; float:left; text-align:center; color: #999; cursor: pointer;} 
.sp-input input{ height: 100%;  width: 100%; padding: 0; text-align:center; border:0;}
.sp-input input:focus{ border:1px solid #f2f2f2; border: none;}
.sp-minus a, .sp-plus a{ display: block; width: 100%; height: 100%; padding-top: 5px; color: #999;}

.single-product-detail .btn-list li{ width: auto; margin: 0 0 0 5px;}
.single-product-detail .btn-list li .btn-1 i{ padding: 0;}
.single-product-detail .btn-list li:first-child{ margin: 0;}

.reviews-list h3{ margin: 0 0 30px;}
.reviews-list ul li > img{ position: absolute;}
.reviews-list > ul > li{ margin: 0 0 30px;}
.reviews-list > ul > li:last-child{ margin: 0;}
.reviews-list ul li .comment{ padding: 0 0 0 70px;}
.reviews-list ul li .comment h6{ float: left; font-weight: bold; color: #333;}
.reviews-list ul li .comment h6 span{ margin: 0 10px; color: #999;}
.reviews-list ul li .comment .rating-stars{ display: inline-block; line-height: 0;}
.reviews-list ul li .comment .rating-stars li{ line-height: 0;}
.reviews-detail{ overflow: hidden;}
.reviews-list ul li .comment p{ margin: 0;}

.add-review h3{ margin: 0 0 30px;}
.add-review h5{ font-size: 18px; font-weight: bold;}
.add-review h6{ font-weight: bold; font-size: 14px;}
.add-review .rating-stars{ margin: 0 0 20px; overflow: hidden;}

.related-products h5{ font-weight: bold; font-size: 18px; margin: 0 0 30px;}

.tabs-nav ul li{ margin: 0 0 6px;}
.tabs-nav ul li:last-child{ margin: 0;}
.tabs-nav ul li a{ padding: 15px 20px; background: #f9f9f9; font-weight: bold;}
.disc-reviews-tabs .tabs-nav ul li.ui-tabs-active a{ color: #fff;}

.description{ margin: 0 0 60px;}
.description p:last-child{ margin: 0;} 
.description .check-list li::before{ content: "\f046"; margin: 0 10px 0 0; font-family: fontawesome;}
.description .check-list li{ margin: 0 0 10px;}
.description .check-list li:last-child{ margin: 0;}
.related-products .product-box{ margin: 0!important;}
/****** shop detail  ***********************************************************
*********************************************************** shop detail   ******/

/****** Hader 2  ***********************************************************
*********************************************************** Hader 2   ******/
.header-2 .search-bar a { padding: 0;}
.header-2 .navigation .nav-1 > li:first-child > a{ padding-left: 0;}
.header-2 .navigation .nav-2 > li:last-child > a{ padding-right: 0;}
.header-2 .logo a { left: 50%;margin: 0 0 0 -68px;}
.header-2 .navigation { float: none;}
/****** Hader 2  ***********************************************************
*********************************************************** Hader 2   ******/

/****** Hader 3  ***********************************************************
*********************************************************** Hader 3   ******/
.header-3 .logo a { position: static;}
.header-3 .search-bar a{padding: 39px 0;}
.header-3 .logo{ padding: 10px ;}
.header-3 .navigation > ul > li > a { padding: 39px 20px;}
/****** Hader 3  ***********************************************************
*********************************************************** Hader 3   ******/

/****** Gallery 2  ***********************************************************
*********************************************************** Gallery 2   ******/
.gallery-holder.style-2 [class^="col-"],
.gallery-holder.style-2 [class*="col-"] { padding-left: 5px; padding-right: 5px; margin-bottom: 10px;}
.gallery-holder.style-2 .gallery-masonary { margin-right: -5px; margin-left: -5px;}
/****** Gallery 2  ***********************************************************
*********************************************************** Gallery 2   ******/

/****** wrap 1  ***********************************************************
*********************************************************** wrap 1 ********/
.wrap.style-1 .overlay::before,
.wrap.style-1 .overlay::after{ content: ""; position: absolute; height: 0; width: 100%;}
.wrap.style-1 .overlay::before{ top: 0;}
.wrap.style-1 .overlay::after{ bottom: 0;}
.wrap.style-1:hover .overlay::before{ height: 50%;}
.wrap.style-1:hover .overlay::after{ height: 50%;}
.wrap.style-1 .overlay .item{ z-index: 1; visibility: hidden; opacity: 0; left: 50%; top: 50%; position: absolute;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);}
.wrap.style-1:hover .overlay .item{ visibility: visible; opacity: 1;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-ms-transform: rotate(0deg);}
.wrap.style-1 .overlay .item.btn { margin: -28px 0 0 -62px;}
.wrap.style-2 { position: relative;}
.wrap.style-2 .overlay { visibility: hidden; opacity: 0;}
.wrap.style-2:hover .overlay{ visibility: visible; opacity: 1;}
.wrap.style-2 .overlay .item{ margin: 20px 0 0;}
.wrap.style-2:hover .item { margin: 0;}
.wrap.style-2:hover .team-img{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.50);}
.wrap .overlay a.link{height: 40px; width: 40px; line-height: 40px; text-align: center; color: #fff;
left: calc(50% - 20px)!important; top: calc(50% - 20px)!important;}
.wrap .overlay .btn i {margin: 0;}
.recipe-3-col .wrap.style-1 .overlay .item.btn {margin: -20px 0 0 -25px;}
/****** wrap 1  ***********************************************************
*********************************************************** wrap 1 ********/

/****** Responsive Menu  ***********************************************************
*********************************************************** Responsive Menu ********/
.wrapper.push{ position: relative;}
.menu-panel{ overflow: auto; z-index: 1000; background: #fff;}
.menu-panel ul > li > a{ padding: 12px 20px; text-transform: capitalize; font-size: 18px;  color: #000}
.menu-panel ul li .sub-list{ padding-left: 50px;}
.menu-panel{ padding: 50px 0;}
.menu-panel .logo-holder{ margin: 0 0 30px; text-align: center;}
.menu-ico{ float: right; color: #fff; font-size: 22px; padding: 15px 0px; display: none;}
/****** Responsive Menu  ***********************************************************
*********************************************************** Responsive Menu ********/
.nh-padding.menu-title-2 {padding-bottom: 50px;}



#thumbwrap {
position:relative;
}
.thumb img {
    border: 3px solid #71bf44;
    margin: 3px;
    /* float: left; */
    padding: 5px;
}
.thumb span {
position:absolute;
visibility:hidden;
}
.thumb:hover, .thumb:hover span {
visibility:visible;
top:0;
left:250px;
z-index:1;
}
.item-name {
	background-color:#71bf44;
	color:#fff;
	padding:5px 12px;
	text-align:center;
	margin-top:-3px;
	margin-left:3px;
	width:100%;
	
}
.service img {
	margin-bottom:10px;
}
.chef-icon {
	position:fixed;
	left:1%;
	bottom:5%;
}
.inner-banner2 {
	background:#71bf44;
}
.menu-list.style-2 .nav-tabs {
	margin-bottom:15px;
}
.menu-list.style-2 .nav-tabs>li>a {
	font-weight:bold;
	font-size:18px;
}
.menu-list.style-2 .nav-tabs>li.active>a, .menu-list.style-2 .nav-tabs>li.active>a:focus, .menu-list.style-2 .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    /* border: 1px solid #71bf44; */
    border-bottom-color: transparent;
    background-color: #71bf44;
    color: #fff;
}
.about-text ul li {
	margin-bottom:7px;
}
.banner-content h3 {
	color:#fff;
}
.sub-footer a {
	color:#71bf44;
}

.navigation > ul > li.active > a {
    color: #71bf44;
}