

/* 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: 4px; margin: -40px 22px 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);
font-family: 'Roboto Slab', serif;

}
.sepcial-product-detail h1{     margin: 9px 0;
    color: #bd850d;
    font-size: 18px;}
.sepcial-product-detail ul{ overflow: hidden; float: right; margin: 5px 0 0;}
.sepcial-product-detail .price{ font-size: 12px;  line-height: 5px;    color: #333;}
.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;}



/* 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: 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;}
#banner {
  
    top: -1.99rem;
}
/* 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 */
 
.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;}

.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: 65%; 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;}




.g1{
	position:absolute;
	top:150px;
	left:100px
}