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 20px; 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(../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:40px 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);}
.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:22px 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: 24px; padding:5px 10px;  background:rgba(51, 51, 51, 0.26);  }
.tp-caption .btn:hover { color: #fff;}
.tp-caption.style-2 h1{ font-family: 'Raleway', sans-serif; font-size: 60px; background:rgba(51, 51, 51, 0.26); padding:5px 10px;}

/******* 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 { float: left; width: 100%; padding: 0px 15px 0px 0; line-height: 24px;}

/* 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;}
.sepcial-product-detail h4{ font-size:14px; margin-bottom:0 !important;}
/* 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 10px; margin: -20px 10px 0; 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;}
.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; min-height: 100px;}
.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{ float: left; font-size: 25px; 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: 14px; margin: 0 0 10px;}
.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%;
background: rgba(0,0,0,0.4);}
.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: url(assets/images/bg-pattren.jpg) repeat; background-attachment: fixed;}
.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: 165px 0 80px 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 span{font-size: 18px;}
.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;}


@media(max-width:767px){
div.full-width-360.Option-3 img{ width:45%;}
div.forcefullwidth_wrapper_tp_banner{ height:100px !important;}
ul.liststyle li{ width:100%;}
}

.full-width-360.Option-3 img{ display:inline-block; width:200px; border:1px solid #ddd; height:121px; margin:0 10px; padding:10px; margin-bottom:30px; }
.working-hours ul li i{ display:inline-block; padding-right:10px;}
.working-hours ul li a{ color:#fff; display:inline-block; font-size:12px;}
.liststyle li{ list-style:none; float:left; width:24%; text-align:left; margin-bottom:10px; color:#71bf44; border-bottom:1px dotted #71bf44; font-weight:bold; padding:5px 10px 0 0; margin:0 5px; margin-bottom:15px;}

.liststyle li i{ color:#fff; background:#71bf44; padding:2px 5px 5px 5px;}
.colsmgind{-webkit-box-shadow: 1px 0px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 0px 7px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 5px 2px 0px rgba(0,0,0,0.1);
    background: #fff;
    display: block;
    width: 100%;
    float: left;
    padding-top:35px; padding-bottom:20px; border-radius:10px; margin-bottom:40px; border:1px solid #f2f2f2; padding:15px 10px;}
	
.add-cart-alert span{ font-size:14px;}	
.rupee-re{ background:#fff; box-shadow:0 0 5px 2px #f2f2f2; padding:1px 15px; border-radius:3px; border:1px solid #ddd; float:left; font-size:24px; font-weight:bold;}
.rupee-re span{ color:#71bf44;}