body{ background: #fafafa; color: #4a4a4a; font-size: 16px; font-family: 'Lato', sans-serif;}
body h1, body h2, body h3, body h4, body h5, body h6{ margin: 0 0 20px; color: #042940; font-family: 'Lato', sans-serif;}
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;}
.m-1{ margin: 10px!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: 'Lato', 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: #111; font-family: 'Lato', 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; top: 15px; color: #7e7e7e; right: 10px}
.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; margin-bottom: 20px}
.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(../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: 40px; line-height: 38px; margin-top: 10px; }

.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: 'Open Sans', sans-serif;}*/
/*.font-Raleway{font-family: 'Open Sans', 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: 80px 0;*/ padding: 35px 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: relative; width: 100%; z-index: 996;}

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

/******* Nav *******/
.nav-holder{ background: #fff; min-height: 50px;}
.nav-holder .p-relative{ min-height: 66px;}

/* Logo */
.logo{ float: left;}
.logo a{
    position: absolute;
    top: 15px;
}
.logo a img {
    height: 70px;
}
/* Naviation */
.navigation{ float: right;}
.navigation ul li{ float: left; position: relative;}
.navigation > ul > li > a{ position: relative; padding: 30px 20px; color: #000; font-size: 16px; font-weight: bold;
    text-transform: uppercase;}
.navigation > ul > li > a:hover { color: #e6202d; }
.navigation > ul > li > a::before,
.navigation > ul > li > a::after{ content: ""; top: 50%; position: absolute; width: 0; height: 2px; background: #e6202d!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 {
    padding: 18px 10px;
}
.search-bar a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    border: 1px solid #e6202d;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background: #e6202d;
}

/* 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: 52px; margin: 0; font-weight: bold;
    text-transform: capitalize; color: #fff; font-style:italic;
    /*background: rgba(0,0,0,0.5); */
    /*padding: 20px 40px !important;*/
    /*border-radius: 4px; */
    /*border: 1px solid rgba(0,0,0,0.5);*/
}
.tp-caption p { font-size: 28px; color: #fff; line-height: 42px !important; }
.tp-caption .btn:hover { color: #fff;}
.tp-caption.style-2 h1{ font-family: 'Lato', sans-serif; font-size: 60px;}

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

/* About Section */
.about-img iframe {height: 255px;}
.about-img,
.upper-rotate{ border: 10px solid #fff; position: relative;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.44);}
.upper-rotate{ position: absolute;  left: 0; top: 0;
    -ms-transform: rotate(-12deg);
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);}
.about-text p { 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;}

/* 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; margin: -60px 30px 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; height: 40px; line-height: 24px;}
.sepcial-product-detail .price { margin-bottom: 0;}
.sepcial-product-detail ul{ overflow: hidden; float: right; margin: 5px 0 0;}
.sepcial-product-detail .price{ font-size: 35px; display: inline-block; 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 25px; 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; display: block; width: 100%; margin: 0 0 10px 10px;}
.flicker-img li a { color: #ffffff;}
.flicker-img li a:hover { color: #e6202d}

/* 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;}
.adress-list li a {
    color: #fff;
}
.adress-list li a:hover { color: #e6202d;}

/* Social Icons */
.social-icons-s{
    margin: 20px 0 20px;
    display: block;
    float: left;
    width: 100%;
}
.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: 15px 0;}
.sub-footer p{ margin: 0; color: #fff;}
.sub-footer a {
    display: inline-block;
    color: #e6202d;
}
/****** 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(../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: 70px 0 50px 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; color: #cccccc}
.bread-crums li:last-child::after { content: ' ';}
.bread-crums li a {
    color: #cccccc;
}
/****** 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;}
.nh-content { padding: 5px 0px 0px 0px; }
/****** 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 15px;}

.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: 15px 5px; text-align: center; min-height: 170px;}
.products-grid .inner-detail .product-name {font-size: 18px; margin: 0 0 5px; text-transform: capitalize; line-height:26px;}
.products-grid .inner-detail .caption-price { color: #fff; font-size: 20px; font-weight:700; margin: 7px 0 0 0; font-family: 'Lato', sans-serif;}
.var-item .var-list .var-down { position: absolute; right: 4px; top: 10px; font-size: 12px;}
.var-item .var-list .var-down:hover { color:#000!important;}
.var-item .var-list .btn-group { width: 100%; }
.var-item .var-list .btn { height: 32px; line-height: 32px; background: #f0f0f0; padding: 0 5px; text-transform: uppercase; border-bottom: 3px solid rgba(0,0,0,0.3); width: 100%; border-color: #ccc;}
.var-item .var-list .dropdown-menu { width: 118px; border-radius:1px; min-width:118px;}
.var-item .var-list .dropdown-menu > .active > a { background-color: #f5f5f5; color:#000;}
.var-item .var-list .dropdown-menu > li > a {padding: 3px 5px; }
.figure-holder { position: relative;}
.figure-holder img {
    height: 157px;
}
.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('../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: 'Lato', 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 10px;}
.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:60px; 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-quantity { text-align: center; margin: 10px auto 0 auto; display: table; }
.sp-input input:focus{ border:1px solid #f2f2f2; border: none;}
.sp-minus a, .sp-plus a{ display: block; width: 100%; height: 100%; color: #111; font-size: 24px;}

.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: #000; font-size: 22px; padding: 15px 0px; display: none;}
/****** Responsive Menu  ***********************************************************
*********************************************************** Responsive Menu ********/
.nh-padding.menu-title-2 {padding-bottom: 50px;}
.about-services {
    padding-top: 50px;
}
.search-cart {
    padding: 18px 0;
}
.navbar {
    position: relative;
    min-height: 40px;
}
.search-cart li {
    width: 40px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    color: #fff;
    cursor: pointer;
}
.search-cart li img {
    height: 30px;
}
.search-cart li:last-child {
    margin-right: 0; }
.search-cart li .cart-option.open .cart-content {
    transform: scaleY(1); 
}
.search-cart li .cart-content {
    position: absolute;
    width: 330px;
    right: 0;
    top: 45px;
    background: #fafafa;
    z-index: 991;
    padding: 8px;
    transform-origin: top;
    transform: scaleY(0);
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease; 
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.search-cart li .cart-content .cart-item {
    padding: 10px;
    margin-bottom: 5px;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-radius: 3px;
}
.search-cart li .cart-content .cart-item .cart-img img {
    height:45px;
    border-radius: 3px;
}
.search-cart li .cart-content .cart-item a {
    padding: 0 !important; }
.search-cart li .cart-content .cart-item .cart-img {
    width: 70px; 
}
.search-cart li .cart-content .cart-item .cart-des {
    width: calc(100% - 80px);
    text-align: left; }
.search-cart li .cart-content .cart-item .cart-des a {
    font-weight: 500;
    color: #4a4a4a !important;
    line-height: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.search-cart li .cart-content .cart-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
.search-cart li .cart-content .cart-item .cart-des a:hover {
    color: #ef5350 !important; }
.search-cart li .cart-content .cart-item .cart-des p { color: #f83600; margin: 5px 0 0 0; font-weight: 500; font-size: 15px;
}
.cart-subtotal p b{ color:#f83600; font-size: 20px; }
.cart-subtotal p { margin-bottom : 10px; }
.search-cart li .cart-content .cart-item .cart-btn a {
    color: #f83600;
    font-weight: 400;
    font-size: 14px;
}
.search-cart li .cart-content .cart-item .cart-btn:hover a {
    color: #f83600; }
.search-cart li .cart-content .cart-bottom .cart-action a {
    padding: 8px 20px !important;
    line-height: 1.4 !important;
    display: inline-block;
    background: #f83600;
    color: #ffffff;
    border-radius: 3px;
    width: 49%;
}
.search-cart li .cart-content .cart-item .cart-btn {
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    top: 1px;
    right: 1px;
    line-height: 20px;
    text-align: center;
    box-shadow: none;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.cart-option .cart-count {
    background: #4a4a4a;
    position: absolute;
    right: -6px;
    top: 12px;
    border-radius: 50%;
    line-height: 19px;
    width: 20px;
    height: 20px;
}
.promo {
    position: relative;
    padding-top: 70px;
}
#promo-notifications{
    background: #f7f7f7;
    font-size: 18px;
    width: 100%;
    font-family: 'Lato', sans-serif;
    border-left: 3px solid #e6202d;
    padding: 20px 0;
}
#promo-notifications ul{
    width: 100%;
    height: 35px;
    position: relative;
    overflow: hidden;
}
#promo-notifications li{
    width: 980px;
    line-height: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    left: 100%;
    text-align: center;
    list-style: none;
    /*font-style: italic;*/
    /*font-weight: 700;*/
}
#modal-subscribe {
    text-align: center;
    padding: 0!important;
}
#modal-subscribe:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
#modal-subscribe .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
#modal-subscribe .btn-primary {
    color: #fff;
    background-color: #e6202d;
    border-color: #e6202d;
    border-bottom: 3px solid rgba(0,0,0,0.3);
}
.catering {
    position: relative;
    padding: 90px 0 0;
}
.catering-detail {
    background: #f7f7f7;
    border: 1px solid #e0e0e0;
    width: 100%;
    display: inline-block;
    padding: 15px 10px;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.16);
}
.catering-detail h5 {
    color: #e6202d;
}
.container-checkbox {
    display: block;
    position: relative;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.container-checkbox .checkmark {
    position: absolute;
    top: -5px;
    /*left: 0;*/
    height: 25px;
    width: 25px;
    background-color: #cccccc;
    right: 0;
}
/*.container-checkbox:hover input ~ .checkmark {*/
/* background-color: #ffffff;*/
/*}*/
.container-checkbox input:checked ~ .checkmark {
    background-color: #e6202d;
}
.container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.container-checkbox input:checked ~ .checkmark:after {
    display: block;
}
.container-checkbox .checkmark:after {
    left: 9px;
    top: 3px;
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.var-item {
    margin-right: -5px;
    margin-left: -5px;
    display: flex;
}
.var-list {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 3px;
    padding-left: 3px;
    float: left;
    margin: 2px 0 5px 0;
}
.var-list label {
    color: #fff;
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 500;
    line-height: 15px;
}
.var-list h5 {
    text-transform: capitalize;
    margin-bottom: 5px;
    text-align: left;
}
ul.zg-ul-select, ul.zg-ul-select1 {
    border-radius: 1px;
    box-sizing: border-box;
    cursor: pointer;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 92%;
    z-index: 1;
    background: #ffffff;
}
ul.zg-ul-select li, ul.zg-ul-select1 li {
    border-radius: 1px;
    display: none;
    padding: 0.5em;
    font-size: 14px;
}
ul.zg-ul-select li.active, ul.zg-ul-select1 li.active {
    -webkit-box-align: center;
    align-items: center;
    border: 1px solid #111;
    border-radius: 1px;
    box-shadow: 0 0 2px #aaa;
    color: #111;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}
ul.zg-ul-select.active, ul.zg-ul-select1.active {
    border: 1px solid #aaa;
}
ul.zg-ul-select.active li, ul.zg-ul-select1.active li {
    border: none;
    box-shadow: none;
    display: block;
}
ul.zg-ul-select.active li:hover, ul.zg-ul-select1.active li:hover {
    background: #e6202d;
}
ul.zg-ul-select.active li.active, ul.zg-ul-select1.active li.active {
    background: #e6202d;
}
ul.zg-ul-select.active li.active:hover, ul.zg-ul-select1.active li.active:hover {
    background: #e6202d;
}

#selected--zg-ul-select, #selected--zg-ul-select1 {
    -webkit-box-align: center;
    align-items: center;
    box-sizing: border-box;
    color: #111;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: auto;
    font-size: 14px;
}
#selected--zg-ul-select.active, #selected--zg-ul-select1.active {
    border: 1px solid #111;
    border-radius: 1px;
    box-shadow: 0 0 2px #aaa;
    padding: 0.5em;
}
/* --- Thank You --- */
.thank-you {
    position: relative;
    padding: 50px 0 90px;
}
.wrapper-1{
    width:100%;
    height:100vh;
    display: flex;
    flex-direction: column;
}
.wrapper-2{
    padding :30px;
    text-align:center;
}
.wrapper-2 h1{
    font-size:4em;
    letter-spacing:3px;
    color:#e6202d ;
    margin:0;
    margin-bottom:20px;
}
.wrapper-2 p{
    margin:0;
    font-size:1.3em;
    color:#aaa;
    letter-spacing:1px;
}
.go-home{
    color:#fff;
    background:#e6202d;
    border:none;
    padding:10px 50px;
    margin:30px 0;
    border-radius:30px;
    text-transform:capitalize;
    box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
}
.go-home a, .go-home a:hover {
    color: #ffffff;
}
.footer-like{
    margin-top: auto;
    background:#D7E6FE;
    padding:6px;
    text-align:center;
}
.footer-like p{
    margin:0;
    padding:4px;
    color:#111;
    letter-spacing:1px;
}
.footer-like p a{
    text-decoration:none;
    color:#e6202d;
    font-weight:600;
}

@media (min-width:360px){
    .wrapper-2 h1{
        font-size:4.5em;
    }
    .go-home{
        margin-bottom:20px;
    }
}

@media (min-width:600px){
    .content{
        max-width:1000px;
        margin:0 auto;
    }
    .wrapper-1{
        height: initial;
        max-width:620px;
        margin:0 auto;
        margin-top:50px;
        box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
    }
}
/* --- End Thank you -- */
/* --- Start My Account -- */
.my-account {
    position: relative;
    padding: 90px 0;
}
.acc-tab h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.acc-tab {
    zoom: 1;
    position: relative;
    height: auto;
}
.acc-tab:after,
.acc-tab:before {
    content: "";
    display: table;
}
.acc-tab:after {
    clear: both;
}
.acc-tab h3 {
    background: rgba(0,0,0,0.1);
    cursor: pointer;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 15px 20px;
    margin-bottom: 10px;
    font-size: 16px;
}
@media screen and (min-width: 600px) {
    .acc-tab h3 {
        position: relative;
        width: 25%;
        display: block;
    }
}
.acc-tab .acc-details {
    zoom: 1;
    position: relative;
    height: auto;
    min-height: 100%;
    border-left: none;
    display: none;
}
.acc-tab .acc-details:after,
.acc-tab .acc-details:before {
    content: "";
    display: table;
}
.acc-tab .acc-details:after {
    clear: both;
}
@media screen and (min-width: 600px) {
    .acc-tab .acc-details {
        position: absolute;
        width: 75%;
        right: 0;
        top: 0;
        padding: 0 30px;
    }
}
.acc-tab .active {
    cursor: default;
    border: 1px solid #e6202d;
}

.acc-tab .active + .acc-details {
    display: block;
}
.my-account .btn-primary {
    color: #fff;
    background-color: #e6202d;
    border-color: #e6202d;
    border-bottom-color: #99040d;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
.fade-scale {
    transform: scale(0);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.fade-scale.in {
    opacity: 1;
    transform: scale(1);
}
.fade-scale .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%) !important;
}
.fade-flip {
    transform: rotateX(-90deg);
    opacity: 0;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
}
.fade-flip.in {
    opacity: 1;
    transform: rotateX(0deg);
}
.fade-flip .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-30%) !important;
}
.fade-flip .modal-dialog {
    width: 980px;
    margin: 30px auto;
}
.product-name a {
    display: inline-block;
}
.product-name .product-quantity {
    display: inline-block;
}
.order-details tfoot tr th {
    text-align: right;
}
.customer-info p, .billing-details p {
    margin-bottom: 5px;
}
.customer-info {
    margin-bottom: 20px;
}
#editaddress .btn-primary {
    color: #fff;
    background-color: #e6202d;
    border-color: #e6202d;
    border-bottom-color: #99040d;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
#editaddress .btn-default {
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
/* -- End My Account -- */
/* -- Start Catering -- */
.row1 {
    margin-left: -20px;
    margin-right: -20px;
}
.masonry {
    height: auto;
    min-height: 500px;
    width: calc(100% - 40px);
    margin: 20px;
    position: relative;
}
.masonry__item {
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
}
.nh-padding1 {
    padding: 50px 0 80px;
}
/* -- End Catering Page --*/
.pass-recov {
    position: relative;
    padding: 90px 0;
}
.pass-recov .btn-primary {
    color: #fff;
    background-color: #e6202d;
    border-color: #e6202d;
    border-bottom-color: #99040d;
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
}
/* --- Privacy ---- */
.delimiter{
    padding: 0 1em;
}
.external-link
{
    float: left;
    list-style: none;
    color: #fff;
    margin: 23px 0;
    font-size: 15px;
}
.faq-header
{
    color: #e6202d;
    text-transform: capitalize;
}
.faq-content
{
    color: #666;
    line-height: 26px;
    text-align: justify;
}
.faq-content a{
    color: #e6202d;
    display: inline-block;
}
.faq-head1
{
    padding: 10px 0 0 0;
    font-weight: 700;
    color:  #e6202d;
}
/*.faq-list*/
/*{*/
/* margin-left: 53px;*/
/* line-height: 30px;*/
/*}*/
.faq-ul {
    padding-left: 30px;
}
.faq-ul li {
    padding-bottom: 10px;
}
.faq-ul li a {
    display: inline-block;
    color:  #e6202d;
}
.terms-use
{
    padding-top: 20px;
    padding-bottom: 50px;
}
.terms-use
{
    position: relative;
    padding: 90px 0;

}
/* --- End Privacy ---- */
.sign-in-up {
    position: relative;
    padding: 70px 0;
}
.sign-in-up .left-inner-addon {
    position: relative;
}
.sign-in-up .btn-group {
    margin-bottom: 20px;
    width:100%;
}
.sign-in-up .pt-2 {
    padding-top: 20px;
}
.sign-in-up .left-inner-addon input {
    padding-left: 30px;
}
.sign-in-up .left-inner-addon i {
    position: absolute;
    padding: 10px 12px;
    pointer-events: none;
}
.sign-in-up .right-inner-addon {
    position: relative;
}
.sign-in-up .right-inner-addon input {
    padding-right: 30px;
}
.sign-in-up .right-inner-addon i {
    position: absolute;
    right: 0px;
    padding: 17px 12px;
    pointer-events: none;
    top: 0;
}
.sign-in-up .click2select {
    text-align: center;
    margin-top: 1em;
}
.sign-in-up .paywith {
    padding: 12px 12px 0 0;
    margin: 0;
    font-weight: bold;
}
.sign-in-up .btn-danger, .sign-in-up .btn-danger:hover{
    height: 48px;
    line-height: 46px;
    padding: 0 58px;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: 0;
    position: relative;
    border-bottom: 3px solid rgba(0,0,0,0.3);
    color: #fff;
    background-color: #ac020d;
    border-color: #ac020d;
    border-bottom-color: rgb(212, 63, 58);
    /*width: 100%;*/
}
.sign-in-up .btn-butt {
    width: 100%;
}
.sign-in-up .btn-primary, .sign-in-up .btn-primary:hover{
    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);
    color: #fff;
    background-color: #e6202d;
    border-color: #e6202d;
    border-bottom-color: rgb(212, 63, 58);
}
.sign-in-up input[type="text"], .sign-in-up input[type="password"], .btn{
    border-radius: 0px;
}
.nh-padding-fot {
    padding: 70px 0 50px;
}
.logo-widget img {
    margin-bottom: 20px;
}
.header-top {
    padding: 10px 0 5px;
    background: #e6202d;
}
.header-top .ht-left ul li {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    padding-right: 15px;
    display: inline-block;
}
.header-top .ht-left ul li i {
    margin-right: 5px;
}
.header-top .ht-left ul li a {
    color: #fff;
}
.header-top .ht-left ul li a:hover {
    color: #eae716;
}
.lab-ul {
    margin: 0;
}
.header-top .ht-right .scocial-media {
    margin-bottom: 0;
    text-align: right;
}
.header-top .ht-right .scocial-media a {
    /* width: 30px;
     height: 30px;
     line-height: 30px;*/
    font-size: 18px;
    margin-bottom: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    display: inline-block;
    color: #fff;
    padding-left: 10px
}
.header-top .ht-right .scocial-media a:hover {
    color:#eae716;
}
@media screen and (min-width: 600px) {
    .acc-tab .active {
        background: #e6202d;
        color: #ffffff;
    }
}
@media screen and (max-width: 600px) {
    .ht-right {
        display: none;
    }
}
.nh-padding-1 {
    position: relative;
    padding: 50px 0 30px;
}
#modal-subscribe .modal-dialog {
    width: 800px;
    margin: 30px auto;
}
#modal-subscribe button.close {
    position: absolute;
    right: 25px;
    background: #e6202d;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    color: #fff;
    opacity: 1;
    font-size: 32px;
    text-shadow: none;
    font-weight: 400;
    line-height: 0px;
}
.payment-success {
    background: #999;
    padding: 70px 0 30px;
}

.payment-success .container {
    max-width: 400px;
    /*margin: 30px auto;*/
    overflow: hidden;
}

.printer-top {
    z-index: 1;
    border: 6px solid #666666;
    height: 6px;
    border-bottom: 0;
    border-radius: 6px 6px 0 0;
    background: #333333;
}

.printer-bottom {
    z-index: 0;
    border: 6px solid #666666;
    height: 6px;
    border-top: 0;
    border-radius: 0 0 6px 6px;
    background: #333333;
}

.paper-container {
    position: relative;
    overflow: hidden;
    height: 467px;
}

.paper {
    background: #ffffff;
    height: 406px;
    position: absolute;
    z-index: 2;
    margin: 0 12px;
    margin-top: -12px;
    animation: print 1800ms cubic-bezier(0.68, -0.55, 0.265, 0.9) ease-out;
    -moz-animation: print 1800ms cubic-bezier(0.68, -0.55, 0.265, 0.9) ease-in;
}

.main-contents {
    margin: 0 12px;
    padding: 24px;
}

.jagged-edge {
    position: relative;
    height: 20px;
    width: 100%;
    margin-top: -1px;
}

.jagged-edge:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    height: 20px;
    background: linear-gradient(45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, #ffffff 33.333%, #ffffff 66.667%, transparent 66.667%);
    background-size: 16px 40px;
    background-position: 0 -20px;
}

.success-icon {
    text-align: center;
    font-size: 48px;
    height: 72px;
    background: #e6202d;
    border-radius: 50%;
    width: 72px;
    height: 72px;
    margin: 16px auto;
    color: #fff;
    line-height: 72px;
}

.success-title {
    font-size: 22px;
    text-align: center;
    color: #666;
    font-weight: bold;
    margin-bottom: 16px;
}

.success-description {
    font-size: 15px;
    line-height: 21px;
    color: #999;
    text-align: center;
    margin-bottom: 24px;
}

.order-details {
    text-align: center;
    color: #333;
    font-weight: bold;
}
.order-details .order-number-label {
    font-size: 18px;
    margin-bottom: 8px;
}
.order-details .order-number {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    line-height: 32px;
    font-size: 32px;
    padding: 8px 0;
    margin-bottom: 24px;
    color: #e6202d;
}

.order-footer {
    text-align: center;
    line-height: 18px;
    font-size: 18px;
    margin-bottom: 8px;
    font-weight: bold;
    color: #999;
}

.home-delivery-hint {
    width: 100%;
    border: 1px solid rgb(255, 241, 230);
    /*color: rgb(232, 108, 55);*/
    background: rgb(249, 208, 169) none repeat scroll 0% 0%;
    font-size: 1.4rem;
    line-height: 2.1rem;
    padding: 0.7rem 2rem;
    border-radius: 0.4rem;
    font-weight: 400;
    margin-bottom: 2.5rem;
}
.home-delivery-hint p {
    margin-bottom: 0;
    color: #e6202d;
}
.categories-widget .not-available {
    color: #ccc;
}
.categories-widget .item-busy {
    color: #099e44;
    opacity: 0.5;
}
.products-grid .inner-detail.item-not-available .product-name, .products-grid .inner-detail.item-not-available p {
    color: #ccc;
}
.products-grid .inner-detail.item-not-available p {
    margin-bottom: 0;
}
.products-grid .inner-detail.item-not-available .price {
    color: #ccc;
}
.products-grid .inner-detail.item-not-available .btn {
    background: #ccc;
    cursor: not-allowed;
    display:none;
}
.products-grid .inner-detail.item-busy .product-name {
    color: #099e44;
    opacity: 0.5;
}
.products-grid .inner-detail.item-busy .price {
    color: #099e44;
    opacity: 0.5;
}
.products-grid .inner-detail.item-busy .btn {
    background: #099e44;
    opacity: 0.5;
    display: none;
}

/* Custom css Start */
.jconfirm-box-container.jconfirm-animated{
    margin-left: 380px;
    margin-bottom: 100px;
}
/* Custom css End */
@media (min-width:1200px) {
    .container {
        width: 1650px;
        padding: 0 30px;
        max-width: 100%;
    }
}
.pp_social .twitter, .pp_social .facebook {
    display:none;
}

.mobile-categories {
    display: none;
}
.mobile-categories .mobile-nav {
    height: auto;
    max-width: 1280px;
    margin: 0 auto;
    font-size: 1rem;
    position: relative;
}
.mobile-categories .mobile-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.mobile-categories .mobile-nav ul li {
    flex: auto;
    min-width: 20%;
    margin: 0.5rem;
    padding: .1rem .5rem;
    position: relative;
    color: #fff;
    border-radius: 0.1rem;
    background: #f0f0f0;
    /*background: linear-gradient(45deg, #0e71c8, #1da1f2);*/
    box-shadow: 0px 4px 10px rgba(230, 32, 45, 0.5);
    transition: all 0.3s ease;
}
.mobile-categories .mobile-nav ul li.submenu:after {
    content: "+";
    font-size: 1.5rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
    top: .5rem;
    color: #fff;
    transition:  0.6s ease-out;
}
.mobile-categories .mobile-nav ul li.submenu:hover:after {
    content: "\2014";
    transform: rotateY(180deg);
}
.mobile-categories .mobile-nav ul li:hover {
    background: #e6202d;
    /*color: #ffffff;*/
    /*background: linear-gradient(45deg, #1da1f2, #0e71c8);*/
    box-shadow: 0px 4px 10px rgba(230, 32, 45, 0.75);
}
.mobile-categories .mobile-nav ul li a {
    padding: 1rem;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}
.mobile-categories .mobile-nav ul li a:hover {
    color: #ffffff;
}
.mobile-categories .mobile-nav ul li a .icon {
    color: #fff;
    display: block;
    position: absolute;
    vertical-align: baseline;
    left: 1rem;
    top: 1rem;
    transition: all 0.3s ease;
}
.mobile-categories .mobile-nav ul li:hover a .icon {
    transform: scale(1.4);
}
.mobile-categories .mobile-nav ul li>ul {
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
}
.mobile-categories .mobile-nav ul li>ul>li {
    margin: 0.5rem 0;
    padding: 0;
    width: 100%;
    color: #333333;
    background: linear-gradient(45deg, #fafafa, #ffffff);
    box-shadow: 0px 4px 10px rgba(230, 32, 45, 0.6);
}
.mobile-categories .mobile-nav ul li>ul>li:hover {
    transform: scale(1.1);
    background: linear-gradient(45deg, #ffffff, #fafafa);
    box-shadow: 0px 4px 15px rgba(230, 32, 45, 0.6);
}
.mobile-categories .mobile-nav ul li>ul>li a {
    color: #333333;
}
.mobile-categories .mobile-nav a#drop {
    display: none;
    font-size: 2rem;
    color: #fff;
    letter-spacing: 0.1rem;
    line-height: 4.2rem;
    padding: 0 2rem;
    background: #e6202d;
    /*background: linear-gradient(45deg, #1da1f2, #0e71c8);*/
    box-shadow: 0px 4px 10px rgba(230, 32, 45, 0.5);
    transition: all 0.3s ease;
}
.mobile-categories .mobile-nav a#drop i {
    float: right;
    line-height: 3.8rem;
    font-size: 24px;
}

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

/*	Media Queries
/* -------------------------------------------------------- */

@media screen and (max-width: 800px) {
    .mobile-cate-hide {
        display: none;
    }
    .mobile-categories {
        display: block;
    }
    .nh-sidebar {
        margin: 0 !important;
    }
    .mobile-categories .mobile-nav {
        height: auto;
        width: 100%;
        position: static;
    }
    .mobile-categories .mobile-nav ul {
        margin: 0;
        padding: 0.5rem;
        display: none;
    }
    .mobile-categories .mobile-nav ul li {
        display: block;
        /*background-color: transparent;*/
    }
    .mobile-categories .mobile-nav ul li>ul {
        position: static;
        padding-top: 0;
        padding-bottom: 1rem;
    }
    .mobile-categories .mobile-nav ul li>ul>li {
        font-size: 1rem;
        padding-left: 1rem;
        text-align: center;
    }
    .mobile-categories .mobile-nav ul li>ul>li:last-child {
        margin-bottom: 1rem;
    }
    .mobile-categories .mobile-nav ul li>ul>li a {
        padding-left: 0;
    }
    .mobile-categories .mobile-nav a#drop {
        display: block;
    }
}
.clear {
    clear:both;
    float:left;
}
.jconfirm .jconfirm-box {
    padding: 0;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
    background: #e6202d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.jconfirm.jconfirm-black .jconfirm-box, .jconfirm.jconfirm-dark .jconfirm-box {
    padding: 0;
}
.jconfirm .jconfirm-box div.jconfirm-title-c {
    font-size: 22px;
    line-height: 10px !important;
    cursor: default;
    color: #fff;
    padding : 15px 20px 0;
}
.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content {
    padding: 20px 20px 0;
}
.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons, .jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons {
    float: none!important;
    text-align: center;
}
.cut-price {
    font-size:18px;
}
.cart-option .cart-content .e_cart_product {
    overflow-y: scroll;
    height: 440px;
}

::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
#res-menu {
    display:none;
}


#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #f83600;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.header-bar1 {
    position: relative;
    width: 25px;
    height: 25px;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
}
.header-bar1 span {
    position: absolute;
    content: "";
    background: #fff;
    width: 100%;
    height: 2px;
    display: block;
    left: 0;
    top: 50%;
    margin-top: -1px;
    transform-origin: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header-bar1 span:nth-child(1) {
    margin-top: -8px;
}
.header-bar1 span:nth-child(2) {
    opacity: 1;
}
.header-bar1 span:nth-child(3) {
    margin-top: 6px;
}
.menu-app-bar {
  background: #f83600;
  margin-bottom: 0!important;
  position: fixed;
    width: 100%;
    z-index: 99;
}

.mobile-app-logo {
  position: relative;
  top: 9px;
    display: inline-block;
    left: 10px;
}
.mobile-app-logo h3 a {
  color: #ffffff;
  text-transform: capitalize;
font-weight: 600;
font-size: 20px;
}
.mobile-shopping {
  position: relative;
  right: 5px;
  top: 3px;
}
.mobile-shopping i {
  color: #ffffff;
  font-size: 22px;
}
.mobile-shopping span {
  background: #eae716;
  width: 20px;
  height: 20px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  color: #8c2821;
  display: inline-block;
  position: absolute;
  top: -8px;
  right: -12px;
}
/*ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #6d7fcc;
}*/
.sub-menu-header {
    background: #262262;
    position: fixed;
    z-index: 99;
    padding: 5px 0;
    width:100%;
}
.sub-menu-header .dismiss1 {
    display: inline-block;
    padding: 10px 20px;
}
.sub-menu-header .dismiss1 i {
    color: #fff;
}
.sub-menu-header .mobile-app-logo {
    display: inline-block;
}
.sub-menu-header .mobile-app-logo a {
    color: #fff;
}
.cart-empty {
    position: relative;
    text-align: center;
    padding-top: 50%;
    background: #f5f5f5;
    height:100vh;
}
.cart-empty .col-xs-12 {
    width: 100%;
}
.cart-empty .cart-empty-item {
    margin: 0 auto;
}
.cart-empty .cart-empty-item i {
    font-size: 52px;
    color: #ddd;
    margin-bottom:20px;
}
.cart-empty .cart-empty-item h4 {
    color: #ddd;
    font-size: 24px;
    margin-bottom:15px;
}
.cart-empty .cart-empty-item h5 {
    color : #ddd;
    font-size: 16px;
    margin-bottom:15px;
}
.cart-empty .cart-empty-item p {
    color: #ddd;
    font-size: 14px;
}
.cart-empty .cart-empty-item a {
    background: #8c2821;
    color: #fff;
    width: 90%;
    padding: 10px;
    text-transform: uppercase;
    font-weight: 700;
}
.mobile-footer {
  background: #262262;
  position: fixed;
  bottom: 0;
  border-top: 1px solid #262262;
  z-index: 9;
  width: 100%;
}
.mobile-footer .col-xs-12 {
  width: 100%;
}
.mobile-footer .mobile-menu-fixed {
  width: 100%;
  display: block;
  margin-bottom: 0;
}
.mobile-footer .mobile-menu-fixed li {
  display: inline-block;
  width: 24%;
  text-align: center;
  padding: 7px 5px 3px;
}
.mobile-footer .mobile-menu-fixed li i {
  display: block;
  font-size: 14px;
}
.mobile-footer .mobile-menu-fixed li a {
  color: #ffffff;
  font-size: 12px;
}
.mobile-top-fixed {
  background: #ffffff;
  position: fixed;
  top: 0;
  border-bottom: 1px solid #f5f5f5;
  z-index: 9;
  width: 100%;
  padding: 5px 0;
}
.mobile-top-fixed .mobile-head {
  margin-bottom: 0;
}
.mobile-top-fixed .mobile-head li {
  width: 49%;
  display: inline-block;
}
.mobile-top-fixed .mobile-head li:last-child {
  text-align: right;
}
.mobile-top-fixed .mobile-head li i {
  font-size: 24px;
}
.mobile-top-fixed .mobile-head li img {
  height: 40px;
}
.page-section {
    padding-top: 55px;
}
.orderitem {
    background: #f2d6d7;
}
.order_item {
    font-size:10px;
}
.activecls {
    background: #f83600;
    color: #ffffff !important;
}
.customizable .modal.bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.customizable .modal.bottom.fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}
.customizable .modal.bottom.fade.show .modal-dialog {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.customizable .modal.bottom.fade .modal-dialog {
  bottom: -100%;
}
.customizable .modal-dialog {
    margin: 0;
}
.customizable .modal-content { 
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.customizable .customizable-total {
    background: #f83600;
    padding: 7px 10px 10px;
}
.customizable .customizable-total p {
    color: #fff;
    text-align: left;
    margin-bottom: 0;
    font-weight: 600;
}
.customizable .customizable-total span {
    font-weight: 700;
}
.customizable .customizable-total a {
    color: #fff;
    text-align: right;
    text-transform: uppercase;
    float: right;
    font-weight: 700;
}
.customizable .modal-body p {
    font-size: 14px;
    margin-bottom: 12px;
}
.customizable-modifier .container-checkbox {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4a4a4a;
    text-transform: capitalize;
}
.customizable-modifier .container-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.customizable-modifier .container-checkbox .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid #ccc;
    border-radius: 3px;
}
.customizable-modifier .container-checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}
.customizable-modifier .container-checkbox input:checked ~ .checkmark {
    background-color: #f83600;
    border: 1px solid #f83600;
}
.customizable-modifier .container-checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.customizable-modifier .container-checkbox input:checked ~ .checkmark:after {
    display: block;
}
.customizable-modifier .container-checkbox .checkmark:after {
    left: 4px;
    top: 0px;
    width: 6px;
    height: 10px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.customizable-varient .container-radio {
    display: block;
    position: relative;
    padding-left: 24px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #4a4a4a;
}
.customizable-varient .container-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.customizable-varient .container-radio .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.customizable-varient .container-radio:hover input ~ .checkmark {
    background-color: #ccc;
}
.customizable-varient .container-radio input:checked ~ .checkmark {
    background-color: #f83600;
    border: 1px solid #f83600;
}
.customizable-varient .container-radio .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.customizable-varient .container-radio input:checked ~ .checkmark:after {
    display: block;
}
.customizable-varient .container-radio .checkmark:after {
 	top: 3px;
	left: 3px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: white;
}
.customizable .modal-footer .no-extra {
    font-size: 12px;
    text-align: left;
    color: #4a4a4a;
    margin-bottom: 5px;
}
.customizable .modal-footer {
    padding: 5px 10px 10px 10px;
}
.customizable .modal-body {
    position: relative;
    padding: 5px 15px 0px 25px;
}
.customizable .modal-header {
    background: #f5f5f5;
    padding: 15px 10px;
    border-bottom: 1px solid #f5f5f5;
}
.customizable .modal-header .close {
    margin-top: -20px;
}
.customizable-link {
    font-size: 12px;
    color: #ccc;
    text-align: center;
}
.orderexist p {
    font-size: 14px;
    color: #4a4a4a;
    margin-bottom:0;
}
.mobile-header {
    background: #f83600;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}
.mobile-header .header-back {
    display: inline-block;
}
.mobile-header .header-back img {
    height:18px;
}
.mobile-header .header-name {
    display: inline-block;
}
.mobile-header .header-name h4 {
    color: #fff;
    font-weight:600;
    padding-left: 15px;
    margin-bottom: 0;
}
.cart-table table { 
	width: 750px; 
	border-collapse: collapse; 
	margin:50px auto;
}
/*.cart-table tr:nth-of-type(odd) { */
/*	background: #eee; */
/*}*/
.cart-table th { 
	background: #3498db; 
	color: white; 
	font-weight: bold; 
}
.cart-table td, .cart-table th { 
	padding: 7px 10px; 
	border: 1px solid #ccc; 
	text-align: left; 
	font-size: 18px;
}
/*@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {*/
/*	.cart-table table { */
/*	  	width: 100%; */
/*	}*/
/*	.cart-table table, .cart-table thead, .cart-table tbody, .cart-table th, .cart-table td, .cart-table tr { */
/*		display: block; */
/*	}*/
/*	.cart-table thead tr { */
/*		position: absolute;*/
/*		top: -9999px;*/
/*		left: -9999px;*/
/*	}*/
/*	.cart-table tr { */
/*        border: 1px solid #f2f2f2;*/
/*        background: #fff;*/
/*        border-radius: 3px;*/
/*        margin-bottom: 5px;*/
/*	}*/
/*	.cart-table td { */
/*		border: none;*/
/*		position: relative;*/
/*		padding-left: 40%; */
/*		font-size:14px;*/
/*	}*/
/*	.cart-table td:before { */
/*		position: absolute;*/
/*		top: 10px;*/
/*		left: 10px;*/
/*		width: 35%; */
/*		padding-right: 10px; */
/*		white-space: nowrap;*/
/*		content: attr(data-column);*/
/*		color: #f83600;*/
/*		font-weight: 500;*/
/*		font-size:14px;*/
/*	}*/
/*}*/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {
    .viewcart-new .cart-table table {
        width: 100%;
        border-collapse: collapse;
        margin: 50px auto;
    }
    .viewcart-new .cart-table.checkout-cart thead {
        display:none;
    }
    .viewcart-new .cart-table td, .viewcart-new .cart-table th {
        padding: 6px 5px;
        border: none;
        text-align: left;
        font-size: 18px;
    }
    .viewcart-new .cart-table tr {
        border: 1px solid #f2f2f2;
        background: #fff;
        border-radius: 3px;
        margin-bottom: 5px;
        display:block;
    }
    .quantity .counter-minus i, .quantity .counter-plus i {
        font-size: 10px;
        font-weight: 300;
    }
}
.imagedisplayqrcode img {
    height: 40px;
    border-radius: 3px;
}
.cart-table td.view-cart-item-remove {
    /*position: absolute !important;*/
    /*right: 12px;*/
    /*margin-top: -8px;*/
}
.cart-table td.view-cart-item-remove a {
    color: #fff;
    background: #f83600;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 3px;
    font-weight: 600;
}
.cart_total_price {
    margin-bottom: 0;
    color: #4a4a4a;
    font-size: 14px;
}
.product-desc h4 {
    color: #4a4a4a;
    margin-bottom: 0;
    font-size: 14px;
}
.quantity .counter-minus, .quantity .counter-plus {
    width: 20px;
    height: 30px;
    border: 1px solid #ccc;
        border-right-color: rgb(204, 204, 204);
        border-right-style: solid;
        border-right-width: 1px;
    text-align: center;
    color: #4a4a4a;
    cursor: pointer;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-right: none;
    display: inline-block;
    font-weight: 300;
    line-height: 22px;
}
.quantity .counter-plus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-left: none;
    border-right: 1px solid #ccc;
}
.quantity input[type="text"] {
    border-right:none;
    border-left: none;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    height: 30px;
    width: 25px;
    line-height: 22px;
    padding: 0;
    color: #4a4a4a;
    margin-left: -4px;
    margin-right: -4px;
    font-size:12px;
    position:relative;
    top: 1px;
}
.cart-footer-fixed, .shop-cart-footer {
 /*   border-top: 1px solid #f2f2f2;*/
 /*   background: #fff;*/
 /*   border-radius: 3px;*/
 /*   -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
	/*-webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
	/*box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);*/
	padding: 0 18%;
    position: fixed;
    bottom: 60px;
    width: 100%;
}
.cart-footer-fixed .cart-footer-box {
    background: #f83600;
    padding: 10px 10px;
    border-radius: 4px;
}
.cart-footer-fixed .cart-total {
    display: inline-block;
    margin-bottom: 0;
    color: #fff;
}
.cart-footer-fixed .cart-total span {
    color: #fff;
    font-weight:700;
    font-size: 16px;
}
.cart-footer-fixed a {
    display: inline-block;
    /*background: #f83600;*/
    color: #fff;
    padding: 1px 0 0;
    /*border-radius: 2px;*/
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
}

.shop-cart-footer .shop-cart-item {
    background: #f83600;
    padding: 4px 10px;
    border-radius: 4px;
}
.shop-cart-footer .shop-cart-item .shop-count {
    display: inline-block;
}
.shop-cart-footer .shop-cart-item .shop-count p, .shop-cart-footer .shop-cart-item .shop-count h4 {
    margin-bottom: 0;
    color: #fff;
}
.shop-cart-footer .shop-cart-item .shop-count p {
    font-size: 12px;
}
.shop-cart-footer .shop-cart-item .shop-count h4 {
    font-size: 14px;
}
.shop-cart-footer .shop-cart-item .shop-count h4 span {
    font-size: 16px;
    font-weight: 700;
}
.shop-cart-footer .shop-cart-item a {
    display: inline-block;
    float: right;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    padding: 10px 0 5px;
}
.products-grid {
    padding-bottom: 10px;
}
.main-shop-head {
    padding-top: 50px;
}
.cart-table.checkout-cart {
    padding-bottom: 25px;
}
.place-order-modal .modal.modal-vcenter {
		padding: 15px !important;
}
.place-order-modal .modal.modal-vcenter .modal-dialog {
		/* overwrites bootstrap4 properties */
		position: relative;
		margin: auto;
		max-width: 100%;

		/* added properties */
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
}
@media screen and (min-width: 576px){
	.place-order-modal .modal.modal-vcenter .modal-dialog {
		min-width: 546px; /* or whatever min-width you want */
		max-width: 50%; /* width for most tablets and desktops */
	}
}

.place-order-modal .modal .modal-body {
	max-height: 40vh;
    overflow-y: auto;
}
.place-order-modal .modal .modal-body p {
    margin-bottom: 5px;
}
.place-order-modal .modal .modal-body img {
    height: 180px;
}
.place-order-modal .modal .modal-body p span {
    color: #f83600;
    font-weight: 600;
}
.place-order-modal .modal-content {
    border-radius: 3px;
    width: 100%;
}
@media screen and (min-height:460px){
	.place-order-modal .modal .modal-body {
		max-height: 65vh;
		text-align: center;
	}
}
.place-order-modal button {
    background: #f83600;
    color: #fff;
    text-transform: uppercase;
    padding: 8px 20px;
    border-radius: 3px;
    border: none;
    font-size: 14px;
    font-weight: 600;
}
.place-order-modal .modal-footer {
    padding: 5px 15px 20px 15px;
    text-align: center;
    border-top: none;
}
.thank-you, .emptycartcls {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
.emptycartcls .btn {
    border-bottom: none;
    border-radius: 3px;
}
.thank-you .container, .emptycartcls .row {
    position: relative;
    width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sp-quantity.add-item {
    text-align: center;
    margin: 0px auto 0 auto;
    display: inline-block;
    position: absolute;
    right: 20px;
    bottom: 15px;
}
.sp-quantity.add-item .sp-minus {
    width: 25px;
    height: 30px;
    border: 1px solid #f2f2f2;
    border-right: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;   
    line-height: 25px;
}
.sp-quantity.add-item .sp-plus {
    width: 25px;
    height: 30px;
    border: 1px solid #f2f2f2;
    border-left: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;  
    line-height: 25px;
}
.sp-quantity.add-item .sp-input {
    width: 25px;
    height: 30px;
    border-right: none;
}
.sp-quantity.add-item .sp-minus a, .sp-quantity.add-item .sp-plus a {
    text-align: center;
}
.sp-quantity.add-item .sp-input input {
    color: #fff;
}



.scroll-logo {
    /*background: #f83600;*/
    /*padding: 10px 0 5px;*/
    background: transparent;
    padding: 10px 0 5px;
    border-bottom: 1px solid #eee;
    margin: 0 15px 5px;
}
.scroll-logo .col-xs-6 {
    padding-right: 0;
    padding-left: 0;
}
.scroll-logo-img {
    width: 150px;
    /*background: #fff;*/
    /*padding: 5px;*/
    /*border-radius: 1px;*/
}
.scroll-table {
    width: 100%;
    float: block;
}
.scroll-table p {
    color: #4a4a4a;
    text-align: right;
    margin-bottom: 0;
    font-size: 12px;
    margin-top: 0;
}
.scroll-table .light-gray {
    color: #7d7b7b;
}
.scroll-table span {
    color: #959595;
    padding-left: 5px;
}
.main-menu-category {
    background: transparent;
    margin-bottom: 5px;
}
.main-menu-category .item p, .sub-menu-category .item p {
    color: #4a4a4a;
    margin-bottom: 0;
    font-size: 14px;
    /*padding: 4px 10px;*/
    line-height: 18px;
}
.main-menu-category .item {
    border: 1px solid #4a4a4a;
    border-radius: 20px;
}
.sub-menu-category .item {
    border: 1px solid #7d7b7b;
    border-radius: 20px;
}
.sub-menu-category .item p {
    color: #7d7b7b;
}
.main-menu-category .item.active {
    background: #f83600;
    color: #fff;
    border: 1px solid #f83600;
}
.main-menu-category .item.active p {
    color: #fff;
}
.sub-menu-category .item.active {
    border: 1px solid #f83600;
}
.sub-menu-category .item.active p {
    color: #f83600;
}
.main-menu-category .slick-list .slick-slide, .sub-menu-category .slick-list .slick-slide {
    margin: 2px 4px;
    padding: 3px 15px 3px 15px;
}
.main-menu-category .slick-list, .sub-menu-category .slick-list {
    margin: 0;
}
/*.sub-menu-category {*/
/*    background: #1f5703;*/
/*}*/
.fixed-bottom-footer {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #f2f2f2;
    background: #fff;
    -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 8px 0 6px;
}
.fixed-bottom-footer ul {
    width: 100%;
    display: block;
}
.fixed-bottom-footer ul li {
    display: inline-block;
    width: 32.50%;
    text-align: center;
}
.fixed-bottom-footer ul li a {
    font-size: 14px;
}
.fixed-bottom-footer ul li i {
    display: block;
    font-size: 16px;
    margin-bottom: 2px;
}
.order {
    position: relative;
    padding-top: 55px;
}
.order-list {
    background: #fff;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 10px;
}
.order-list p {
    color: #aaa9a9;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    margin-bottom: 10px;
    padding-bottom: 5px;
}
.order-list .order-status {
    text-align: right;
    float: right;
    color: #4a4a4a;
}
.order-list ul li {
    color: #4a4a4a;
    font-size: 14px;
    margin-bottom: 5px;
    text-transform: capitalize;
}
.order-list ul li .fa {
    font-size: 12px;
    padding-right: 2px;
}
.order-list ul li .order-qty {
    position: absolute;
    right: 75px;
}
.order-list ul li .order-amount {
    text-align: right;
    float: right;
}
.res-service .modal-header .close {
    margin-top: -20px;
}
.res-service .modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}
.res-service .modal.bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
}
.res-service .modal.bottom .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.res-service .modal.bottom .modal-content {
  height: auto;
  overflow-y: auto;
}
.res-service .modal.bottom .modal-body {
  padding: 15px 15px;
}
.res-service .modal.bottom.fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}
.res-service .modal.bottom.fade.show .modal-dialog {
  bottom: 0;
}
.res-service .modal.bottom.fade .modal-dialog {
  bottom: -100%;
}
.res-service-item {
    margin-bottom: 10px;
    float: left;
    width: 100%;
}
.res-service-list {
    width: 100%;
    float: left;
}
.res-service-list li {
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    background: #f5f5f5;
    border-radius: 1px;
    text-align: center;
    padding: 20px 5px;
    width: 45%;
    display: inline-block;
    margin: 2%;
}
.res-service-list li img {
    width: 40px;
    display: block;
    text-align: center;
    margin: 0 auto;
}




.item-category-new {
  position: relative;
}
.item-category-new .item {
    margin: 3px 0;
    padding: 5px 18px 5px 18px;
    /*border: 1px solid #4a4a4a;*/
    border: none;
    border-radius: 2px;
    box-shadow: none;
    background: #37495f;
    text-align: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.item-category-new .item:first-child {
    margin-left: 1px
}
.item-category-new .item p {
    color: #fff;
    margin-bottom: 2px;
    font-size: 16px;
    line-height: 18px;
    white-space: nowrap;
    cursor: pointer;
}
.item-category-new .item.active {
    background: #f5ae22;
    border: 1px solid #f5ae22;
    color: #fff; 
}
.item-category-new .item.active p {
    color: #fff; 
}
#sub-customers-category-new .item {
    border: 1px solid #7d7b7b;
}
#sub-customers-category-new .item p {
    color: #7d7b7b;
}
#sub-customers-category-new .item.active {
    border: 1px solid #f83600;
    background: transparent;
    color: #f83600;
}
#sub-customers-category-new .item.active p {
    color: #f83600;
}
/* PRELOADER CSS */
.page-loader {
  width: 100%;
  height: 100vh;
  position: fixed;
  background: #f7f7f7;
  /*background: url("../img/Jalpaan_Running_Screen.png");*/
  z-index: 1000;
    top: 0;
  bottom: 0;
  /*background-size: cover;*/
  /*  background-position: center;*/
  /*  background-repeat: no-repeat;*/
}
.page-loader .txt {
  color: #666;
  text-align: center;
  top: 10%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
}
.page-loader .txt img {
    width: 180px;
}
.page-loader .txt-1 {
  color: #666;
  text-align: center;
  top: 20%;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 0.3rem;
  font-weight: bold;
  line-height: 1.5;
}
.page-loader .txt-1 img {
    width: 180px;
}
/* SPINNER ANIMATION */
.spinner {
  position: relative;
  top: 15%;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1s infinite ease-in-out;
  animation: sk-scaleout 1s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes sk-scaleout {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
.kotalert {
    background: #b50606;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    padding: 10px 15px;
    z-index: 9999;
    position: relative;
}
.kotalert p {
    color: #fff;
    font-size: 14px;
    margin-bottom: 0;
    line-height: 20px;
}
.kotalert .closekot {
    position: absolute;
    right: 10px;
    top: 5px;
    color: #000;
    background: #f83600;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;
    padding: 2px;
    border-radius: 2px;
}
.product-holder .var-item {
    display:block;
    width: 100%;
    float: left;
}
.product-holder .description {
    display:block;
    width: 100%;  
    margin-bottom: 0px;
    float: left;
}
.product-holder .description p {
    font-size: 14px;
    color: #fff;
    line-height: 20px;
}
#sub-customers-category-new {
    display:none;
}
.our-branches {
    position: absolute;
    bottom: 80px;
    left: 15px;
    right: 15px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}
.our-branches p {
    margin-top: 10px;
    margin-bottom: 0;
    color: #4a4a4a;
    font-size: 14px;
    text-align: center;
}
.bgcolorgray {
    background: #fff;
}