@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');

@font-face {
font-family: 'Glyphicons Halflings';
src: url('../fonts/glyphicons-halflings-regular.eot');
src: local('☺'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'),
url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('../fonts/glyphicons-halflings-regular.svg') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family: 'CookieRegular';
src: url('../fonts/CookieRegular.eot');
src: url('../fonts/CookieRegular.eot') format('embedded-opentype'), url('../fonts/CookieRegular.woff2') format('woff2'), 
url('../fonts/CookieRegular.woff') format('woff'), url('fonts/CookieRegular.ttf') format('truetype'), 
url('../fonts/CookieRegular.svg#CookieRegular') format('svg');
}

@font-face {
font-family:wavehausbook;
src: url('../fonts/wavehausbook.eot');
src: local('☺'), url('../fonts/wavehausbook.woff') format('woff'),
url('../fonts/wavehausbook.ttf') format('truetype'),
url('../fonts/wavehausbook.svg') format('svg');
font-weight: normal;
font-style: normal;
}



@font-face {
font-family:wavehaussemibold;
src: url('../fonts/wavehaussemibold.eot');
src: local('☺'), url('../fonts/wavehaussemibold.woff') format('woff'),
url('../fonts/wavehaussemibold.ttf') format('truetype'),
url('../fonts/wavehaussemibold.svg') format('svg');
font-weight: normal;
font-style: normal;
}


@font-face {
font-family:blacksword;
src: url('../fonts/blacksword.eot');
src: local('☺'), url('../blacksword.woff') format('woff'),
url('../fonts/blacksword.ttf') format('truetype'),
url('../fonts/blacksword.svg') format('svg');
font-weight: normal;
font-style: normal;
}


button.close {
    opacity: 1;
    color: #666;
    width: 30px;
    height: 30px;
    line-height: 20px;
}


html,
body {
height: 100%;
font-size: 15px;
color: #505050;
/* font-family: 'Montserrat', sans-serif; */
/* font-family:wavehausbook; */
/*font-family: 'Open Sans', sans-serif;
 font-family: 'Work Sans', sans-serif; */
vertical-align: baseline;
line-height: 25px;
background:none;
font-family: "Oswald", sans-serif;
font-weight: 400;
font-style: normal;
}
a{ color: #a9151e;}
a:hover{ text-decoration: none !important; cursor: pointer;}
a:hover, a:focus { color: #fff;text-decoration: none;}
body {
overflow-x: hidden;
}
.m-0{
    margin:0!important
}
.mt-0,.my-0{
    margin-top:0!important
}
.mr-0,.mx-0{
    margin-right:0!important
}
.mb-0,.my-0{
    margin-bottom:0!important
}
.ml-0,.mx-0{
    margin-left:0!important
}
.m-1{
    margin:.25rem!important
}
.mt-1,.my-1{
    margin-top:.25rem!important
}
.mr-1,.mx-1{
    margin-right:.25rem!important
}
.mb-1,.my-1{
    margin-bottom:.25rem!important
}
.ml-1,.mx-1{
    margin-left:.25rem!important
}
.m-2{
    margin:.5rem!important
}
.mt-2,.my-2{
    margin-top:.5rem!important
}
.mr-2,.mx-2{
    margin-right:.5rem!important
}
.mb-2,.my-2{
    margin-bottom:.5rem!important
}
.ml-2,.mx-2{
    margin-left:.5rem!important
}
.m-3{
    margin:1rem!important
}
.mt-3,.my-3{
    margin-top:1rem!important
}
.mr-3,.mx-3{
    margin-right:1rem!important
}
.mb-3,.my-3{
    margin-bottom:1rem!important
}
.ml-3,.mx-3{
    margin-left:1rem!important
}
.m-4{
    margin:1.5rem!important
}
.mt-4,.my-4{
    margin-top:1.5rem!important
}
.mr-4,.mx-4{
    margin-right:1.5rem!important
}
.mb-4,.my-4{
    margin-bottom:1.5rem!important
}
.ml-4,.mx-4{
    margin-left:1.5rem!important
}
.m-5{
    margin:3rem!important
}
.mt-5,.my-5{
    margin-top:3rem!important
}
.mr-5,.mx-5{
    margin-right:3rem!important
}
.mb-5,.my-5{
    margin-bottom:3rem!important
}
.ml-5,.mx-5{
    margin-left:3rem!important
}
.p-0{
    padding:0!important
}
.pt-0,.py-0{
    padding-top:0!important
}
.pr-0,.px-0{
    padding-right:0!important
}
.pb-0,.py-0{
    padding-bottom:0!important
}
.pl-0,.px-0{
    padding-left:0!important
}
.p-1{
    padding:.25rem!important
}
.pt-1,.py-1{
    padding-top:.25rem!important
}
.pr-1,.px-1{
    padding-right:.25rem!important
}
.pb-1,.py-1{
    padding-bottom:.25rem!important
}
.pl-1,.px-1{
    padding-left:.25rem!important
}
.p-2{
    padding:.5rem!important
}
.pt-2,.py-2{
    padding-top:.5rem!important
}
.pr-2,.px-2{
    padding-right:.5rem!important
}
.pb-2,.py-2{
    padding-bottom:.5rem!important
}
.pl-2,.px-2{
    padding-left:.5rem!important
}
.p-3{
    padding:1rem!important
}
.pt-3,.py-3{
    padding-top:1rem!important
}
.pr-3,.px-3{
    padding-right:1rem!important
}
.pb-3,.py-3{
    padding-bottom:1rem!important
}
.pl-3,.px-3{
    padding-left:1rem!important
}
.p-4{
    padding:1.5rem!important
}
.pt-4,.py-4{
    padding-top:1.5rem!important
}
.pr-4,.px-4{
    padding-right:1.5rem!important
}
.pb-4,.py-4{
    padding-bottom:1.5rem!important
}
.pl-4,.px-4{
    padding-left:1.5rem!important
}
.p-5{
    padding:3rem!important
}
.pt-5,.py-5{
    padding-top:3rem!important
}
.pr-5,.px-5{
    padding-right:3rem!important
}
.pb-5,.py-5{
    padding-bottom:3rem!important
}
.pl-5,.px-5{
    padding-left:3rem!important
}
.eu_btn{
	background: #398141 !important;
	color: #fff;
	padding: 5px 18px;
	float: left;
	margin: 2px 0 0 0;
	border-radius: 3px;
	border: none;
	}
#btnchkout i, #btngrpchkout i, #btngrprmv i{margin-right: 10px;}
#btnckout i {margin-right: 10px;}
#btnSbmt i {margin-right: 10px;}
#btngrprmv {background:#ff7800 !important;}
.d-block{
	display: block;
    width: 97%;
}

.theme_btn {
background: #6dccbc;
color: #fff !important;
padding: 10px;
float: left;
margin: 2px 0 0 0;
border: none;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.theme_btn:hover{background: #ebae00; color:#fff; text-decoration: none;}

.invoice_summery .theme_btn {
    margin: 2px 6px 0 0;
}

.theme_black_btn {
background: #6dccbc;
color: #fff;
padding: 5px 10px;
float: left;
margin: 2px 0 0 0;
border: none;
-webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

.cartmain .right .dtlmain .shopcart td div{ font-size: 17px !important; padding: 3px;}

.theme_black_btn:hover{background: #ebae00; color:#fff; text-decoration: none;}

.cartmain .right .dtlmain .shopcart td p{border-bottom: dashed 1px #f1f1f1;}
.cartmain .right .dtlmain .shopcart td p:before{content: "\f192";font: normal normal normal 14px / 1 FontAwesome;color: #6dccbc; margin-right: 3px;}

.form-control
{
    border-radius:0px; 
}

.cartmain .right .dtlmain .shopcart td .p20 {
    padding-left: 20px !important;
}
.clear-ico {
    background: #eff4ff;
    height: 50px;
    display: inline-block;
    padding: 10px;
    color: #7accbc;
    line-height: 32px;
}
.clear-ico i{ font-size: 22px;}

.pl-0{ padding-left: 0 !important;}

input[type="radio"] {
    width: 20px !important;
    height: 25px !important;
    vertical-align: middle;
    border: solid 1px #ccc !important;
    -moz-appearance: none;
    border-radius: 50px;

}

input[type="radio"]:checked {
    background: #f10909;
}


/* ....................................
1. General CSS
.......................................*/
.floatleft {
float: left;
}
.floatright {
float: right;
}
.alignleft {
float: left;
margin-right: 15px;
margin-bottom: 26px;
}
p,
button,
a,
img,
.slick-active,
.slick-slide,
.btn-primary {
outline: none !important;
}
.btn-primary {
box-shadow: none !important;
}
.alignright {
float: right;
margin-left: 15px;
margin-bottom: 26px;
}
.spc-large {

}
.spc-equal {
padding: 100px 0;
}
.hidden-desktop {
display: none;
}
.aligncenter {
display: block;
margin: 0 auto 26px;
}
.pad-0 {
padding: 0;
}
.mt-30 {
margin-bottom: 30px;
}
.pad-left-0 {
padding-left: 0;
}
.pad-right-0 {
padding-right: 0;
}
a:focus {
outline: 0px solid;
}
img {
max-width: 100%;
height: auto;
}
.fix {
overflow: hidden;
}
p {
margin: 0 0 20px;
}
h4 {
text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 26px;
font-weight: 500 !important;
color: #333333;
}
a {
transition: all 0.5s ease 0s;
text-decoration: none;
}
/* a:hover {
color: #fff;
text-decoration: none;
} */
a:active,
a:hover {
outline: 0 none;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.clear {
clear: both;
}

-moz-selection {
background: #7accbc;
text-shadow: none;
}
::selection {
background: #7accbc;
text-shadow: none;
color: #ffffff;
}
.around-news li:first-child {
margin-top: 0 !important;
}
.browserupgrade {
margin: 26px 0;
background: #7accbc;
color: #333333;
padding: 26px 0;
}
.acurate {
margin: 0;
padding: 0;
}
.text-right {
text-align: right;
}
/* ------------------------------------
2.Header area start here
---------------------------------------*/

.top-area
{
padding: 5px 0;
/* border-bottom: solid 1px #ccc; */
}

.top-area #main-nav ul
{
float: right;
}

.top-area #main-nav ul li .btn {
    margin: 0;
    padding: 5px 15px;
    font-size: 15px;
    color: #83878a;
}


.dropdown-submenu {
position: relative;
border-radius: 0;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.navbar {
background: transparent;
border: none;
min-height: auto;
margin-bottom: 0;
}


.header-area {
width: 100%;
padding: 10px 0;margin-bottom: 90px;
}

.header-area #logo {
padding-top: 0;
padding-bottom: 5px;
}
.header-area.sticky-header .nav-menu li a {
font-size: 15px;
padding: 15px 14px 25px;
}
.header-area.sticky-header .nav-menu li .sub-menu a {
padding: 10px 14px;
}



.dropdown-menu {
border: none !important;
}
.multi-level li:hover ul {
opacity: 1;
overflow: visible;
}
.main-menu ul li ul li a {
color: #101010 !important;
font-size: 14px;
}
.main-menu ul > li > ul > li {
float: left;
}
.main-menu ul > li > ul {
text-align: left;
}
.main-menu ul li ul li ul {
left: 100%;
}



/* systalsoft style */

.header-banner
{
position: relative;
overflow: hidden;
}

.custom-navber {
margin:  0px;
padding:  0px;
}
.custom-navber  {
margin:  10px 0px;
text-align: center;
display: inline-block;
width: 100%;
}

.custom-navber a {
    font-size: 16px;
    text-decoration: none;
    color: #222a2e;
    padding: 10px 7px;
       display: block;
    margin: 0 0 10px 0;
    text-align: left;
    padding-left: 10px;
    margin-left: 3px;
    border-bottom: dashed 1px #cbeffb; font-weight: bold;
    background: linear-gradient(to right,  rgba(255,255,255,10) 0%,rgba(255,255,255,0) 100%);

}
.custom-navber a:hover{color: #6dccbc;}

.menus-page-area .tab-content {
float: left;
margin: 20px 0 0 0px;
width: 75%;
}

.popup-tabs {
text-align: center;
margin: 25px 0 0 0;
}

.custom-tab .popup-tabs ul.nav-tabs
{
display: inline-block;
}


.custom-tab ul.nav-tabs li a
{
font-size: 14px;
text-decoration: none;
font-family: wavehaussemibold;
color: #000;
border: 2px dotted #000;
padding: 15px 30px;
border-radius: 0;
margin: 0 0 0 10px;
}

.custom-tab ul.nav-tabs li.active a, .custom-tab ul.nav-tabs li a:hover
{
background-color:#f00;
color:#fff;
transition:all.9s ease-un-out 0s;
color: #fff;
border: 2px dotted #000;
}





.custom-navber> .active>a, .custom-navber> .active>a:hover, .custom-navber> .active>a:focus
{
background-color:#f00;
color:#fff;
transition:all.9s ease-un-out 0s;
color: #fff;
border: 2px dotted #000;
}

.custom-navber> a:hover {
background-color:#f00;
color:#fff;
transition:all.9s ease-un-out 0s;
color: #fff;
}


.custom-navber a.active-cat{
 background: #004e04 !important;
display:  block;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
font-weight: 600;
    color: #55a192;

}
.custom-navber a.active-cat a{
color:#fff;
}
.custom-navber a.active-cat a:before{color: #6dccbc;}

span.order
{
background-color:  #f00;
padding:  3px 5px;
font-size:  12px;
}


.menus-page-area .item .item-wrap .inner .green-price
{
float: left;
color: #3b7b0c;
font-size: 20px;
font-weight: bold;
margin: 5px 0 0 0;
padding: 0;
}


.menus-page-area .item .item-wrap .inner  .order {
background: #f10909;
color: #fff;
}

.menus-page-area .item .item-wrap .inner  .order .sec-title {
background: #f10909;
color: #fff;
}


.menus-page-area .menu-heading .divider {
text-align: center;
margin: 10px 0 0 0;
}

.menus-page-area .catergory-title h3 {
margin: 20px 0;
text-transform: uppercase;
}

.menus-area .menu-heading p
{
text-align: center;
font-size: 18px;
margin: 30px 0;
}


.margin {
margin: 0;
}



/*model css start here-----*/
#divmenudtl, #divmenudtl-button{
z-index:999999999;
}

.custom-modal .modal-dialog
{
    min-width: 65%;
    max-width: 80%;
}

.custom-modal  .modal-dialog .modal-header{
border: none;
background: #f3fdff;
}


.custom-modal .modal-dialog .modal-body
{
overflow-y: auto;
height: 465px;
scrollbar-color: #d2d7d7 #f3f3f3;
scrollbar-width: thin;
}


.custom-modal  .modal-dialog .modal-body .product-title {
margin: 0;
}

.custom-modal  .modal-dialog .modal-body .popup-product-title-divider {
margin: 10px 0 0 0;
}

.custom-modal .modal-dialog .modal-body .qty-box .input-group {
float: left;
}

.custom-modal .modal-dialog .modal-body .qty-box .title {
float: left;
margin: 5px 10px 0px 0;
font-size: 18px;
}


.custom-modal .modal-dialog .modal-body .qty-box input, .custom-modal .modal-dialog .modal-body .qty-box button {
border-radius: 60px;
float: left;
}

.custom-modal  .modal-dialog .modal-body .qty-box .input-group-btn{
float: left;
width: 15%;
}

.custom-modal .modal-dialog .modal-body .qty-box input {
width: 20%;
margin: 0 10px 0 0;
text-align: center;
font-weight: bold;
}

.custom-modal .modal-footer
{
border: none;
}

.custom-modal .modal-footer .popup-total-price {
float: left;
}

.custom-modal .modal-footer .popup-total-price h4 {
font-family:wavehaussemibold;
}


.custom-modal .modal-footer .popup-procced-price .btn
{
background:#f10909;
color: #fff;
}


.custom-modal .modal-footer .popup-total-price span {
color: #f10909;
font-size: 30px;
}

.custom-modal .add-on-container {
display: inline-block;
width: 100%;
padding: 14px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border: dashed 1px #d7e0ef;

}

.custom-modal .add-on-cat
ul li
{
font-size: 16px;
border-bottom: 1px #ccc solid;
padding: 10px 0;
}

/* .modal-body #lblchkPickup1 label
{
    padding: 0;
}

.modal-body #chkdelvry1 .input-lg
{
    padding: 0;
} */

.custom-modal .add-on-container div div div div .row
{
float: left;
width: 45%;
margin: 0 30px 0 0px;
}

.custom-modal .add-on-container div div div div .row div
{
    margin: 0 0 15px 0;
}

.custom-modal .add-on-container div div div div .row div span:nth-child(2)
{
    width: 15%;
}




.custom-modal .add-on-container div div div div div span
{
width: 85%;
}

.custom-modal .add-on-container div div div div div span div
{
    width: auto;
}

.custom-modal .add-on-container div div div div p
{
    float: left;
    margin: 0 !important;
}

.custom-modal .add-on-container div div div div a
{
    margin: 0 0 0 10px;
    color: #f10909;
}

.product-price {
font-size: 20px;
font-family:wavehaussemibold;
margin: 15px 0;
}

.product-price span {
color:#f10909 ;
font-size: 30px;

}

.custom-modal .add-on-cat-title {
height: 1px;
float: left;
width: 100%;
margin: 20px 0 60px 0;
}


.custom-modal .add-on-cat-title .divider-red {
height: 1px;
background: #ccc;;
float: left;
width: 100%;
position: relative;
top: 20px;
}

.custom-modal .add-on-cat-title .divider-red-area {
height: 1px;
background: #f10909;
float: left;
width: 5%;
position: absolute;
}

#divimgad{display:none}
.btnRed{background: #6dccbc;color: #fff;margin:5px;padding:8px 12px; -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
.btnRed:hover{color: #fff; background: #ebae00;}
.mobonly{display:none!important}
.hideAlways{display:none!important}

#lblgcpop .modal-content{ -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: dashed 1px #fff;}

    #lblgcpop .modal-header {
        border: none;
        background: #f3fdff;
        -webkit-border-bottom-right-radius: 30px;
        -moz-border-radius-topleft: 30px;
        -moz-border-radius-bottomright: 30px;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }  

.custom-modal .add-on-cat
ul li span
{
float: right;
}

.custom-modal .add-on-cat
ul li  .add-on-price
{
color: #e1261c;
font-weight:bold;
}




.custom-modal {
z-index: 9999 !important;
}

.styled-checkbox {
position: absolute;
opacity: 0;
z-index:1;
}
.styled-checkbox + label {
position: relative;
cursor: pointer;
padding: 0 !important;
font-weight: 500 !important;
color: #000 !important;
 }
.styled-checkbox + label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: white;
border: solid 1px #e1e1e1; }
.styled-checkbox:hover + label:before {
background: #7accbc;; }
.styled-checkbox:focus + label:before {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12); }
.styled-checkbox:checked + label:before {
background: #7accbc; }
.styled-checkbox:disabled + label {
color: #b8b8b8;
cursor: auto; }
.styled-checkbox:disabled + label:before {
box-shadow: none;
background: #ddd; }
.styled-checkbox:checked + label:after {
content: '';
position: absolute;
left: 5px;
top: 12px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
transform: rotate(45deg); }


.nav-tabs-dropdown {
display: none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
content:"\e236";
font-family: 'Glyphicons Halflings';
position: absolute;
right: 30px;
}

#nav-tabs-wrapper {
float: left;
background: #fff;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
}
.bg-none{ background: none !important;}

.nav-tabs-horizontal  > li {
float: none;
}


#mobile-footer-menu
{
display: none;
} 

.divgclist{
display: block;
max-height: 300px;
overflow: scroll;
overflow-x: hidden;
scrollbar-color: #c6e1e7 #f4fdff;
scrollbar-width: thin;
}
.text-white{ color: #fff !important;}

.spc-large {

z-index: 1;
}  


/* header css */

/* .header-area2 nav {
margin: 20px 0;
} */

.header-area2 .navbar-default .navbar-nav>li>a {
    color: #2a6844;
    font-size: 16px !important;
    margin-right: 0;

}

.header-area2 .navbar-default .navbar-nav>.active>a, .header-area2 .navbar-default .navbar-nav>.active>a:hover, .header-area2 .navbar-default .navbar-nav>.active>a:focus {
color: #f10909;
background: none;
}

.header-area2 .navbar-collapse.collapse
{
margin-right: 0;
}

.header-area .nav.navbar-nav .btn {
margin: 0 0 0 8px;
padding: 10px 15px;
}

.header-area .nav.navbar-nav li a {
padding: 15px 10px;
font-size: 16px;
background: #eef4ff;
margin-right: 5px;
}

.header-area .nav.navbar-nav li a:hover {
   
    }

    .header-area .nav.navbar-nav li a.active {
        color: #fff;
        background: #6dccbc;
       
    
        }

 .header-area .nav.navbar-nav li a i {
            font-size: 16px;
        }

.nav.navbar-nav li .active-cat {
    color: #f00 !important;font-weight:bold;border-bottom:2px dotted;
}


.header-area .nav.navbar-nav li a i {
    margin: 0 5px 0 0; font-size: 16px;
}

.company-logo {

display: inline-block;
}

.sticky-header .company-logo {
display: inline-block;

}

.sticky-header .company-logo img {
width: auto;max-height:100px;
}

.sticky-header  .header-area2 nav
{
margin: 15px 0;
}
/* end header style */


/* order page and checkout page css */


.color-red {
color: #f10909;
}
.color-grey {
color: #999;
}
.checkout-box th {
position: relative;
}
.checkout-box th::after {
position: absolute;
content: " ";
background: red;
width: 70px;
height: 2px;
left: 0;
top: 37px;
}
.product-description h4 {
margin: 0;
}
.product-description p {
margin : 0;
}
.product-image {
display: inline-block;
}
.product-description {
display: inline-block;
margin: 6px 20px;
}
.product {
width: 60%;
}
.checkout-box {
padding: 0px 20px;
border: 1px solid #ddd;
}
.product-image ul li {
list-style-type: none;
display: inline-block;
}
.product-image .styled-checkbox + label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: white;
border: solid 1px #e1e1e1;
border-radius: 50%;
}
.product-image .styled-checkbox:checked + label:before {
background: #f10909;
border-radius: 50%;
}
.order-type th {
position: relative;
}
.order-type th::after {
position: absolute;
content: " ";
background: red;
width: 70px;
height: 2px;
left: 0;
top: 37px;
}
.order-type {
border: 1px solid #ddd;
margin-top: 20px;
padding: 5px 20px;
}
.order-list h3 {
text-transform: uppercase;
padding: 5px 0 !important;
border-bottom: 2px solid #ddd;
position: relative;
}
.order-list h3::after {
position: absolute;
content: " ";
background: #f10909;
width: 50px;
height: 2px;
left: 0;
top: 34px;
}
.coupon-fields .input-text {
width: 100%;
margin-bottom: 10px;
}
.coupon-fields .apply-coupon {
width: 100%;
}
.order-list p {
font-weight: 500;
}
.order-list p span {
float: right;
}
.instruction {
margin-bottom: 30px;
}
.instruction ul li {
display: inline-block;
font-size: 18px;
}
.rs-menu ul {
text-align: center;
}
.sticky-header .rs-menu ul {
text-align: center;
}
#inner .header-area {
position: fixed;
}
#inner .rs-menu li a {
color: #fff;
}
.sticky-header #inner .rs-menu ul li a {
color: #000;
}
.right {
text-align: right;
}
.track-order::after {
position: absolute;
content: " ";
right: 0;
}
.my-order p {
margin: 0;
}
.order-id {
position: relative;
}
.order-id::after {
position: absolute;
content: " ";
background: #f10909;
width: 120px;
height: 2px;
left: 0;
top: 36px;
}
.track-order {
position: relative;
}
.track-order::after {
position: absolute;
content: " ";
background: #f10909;
width: 97px;
height: 2px;
right: 0;
top: 36px;
}
.my-order {
margin-top: 20px;
}
.dilevery-list ul li {
color: #999;
}

.social-login li {
display: inline-block;
margin: 0 50px 0 0;
}
.social-login li a, .social-login li a:hover {
color: #fff;
}
.facebook a {
background: #2a4da1;
padding: 5px 30px;
}
.google a {
background: #e34747;
padding: 5px 30px;
}
.login-form {
display: inline-block;
width: 100%;
}
.login-form .form-group label {
color: #000;
}
.login-form .form-group .form-control {
border-radius: 2px;
}
.forgot, .forgot:hover {
color: #008300;
}
.sign-in {
background: #F10909;
margin-top: 20px;
padding: 4px 40px;
border: 1px solid #F10909;
color: #fff;
}
.register {
margin-top: 20px;
padding: 4px 40px;
color: #fff;
}

.modal-footer .notepop{display:none}
.modal-footer .note {width:100%;overflow:auto;height:auto;position:relative;display:table; padding: 10px; border-top: dashed 1px #ccc;}
.modal-footer .note span{display:table-cell;vertical-align:middle;} 
.modal-footer .note span textarea{width:250px;margin:0px;height:65px;} 
.modal-footer .note h4{font-size:14px;font-weight:normal;line-height:20px;padding:0px;margin:0px;}

.add-on-container .body h4{height: 1px;float: left;width: 100%;margin: 20px 0 40px 0;}
.add-on-container .body h4 p{font-size:15px;color:#7accbc;font-weight:normal;display:inline}
.add-on-container .divider-red {height: 1px;background: #eef4ff;float: left;width: 100%;position: relative;margin-bottom: 20px;}
.add-on-container .divider-red-area {height: 1px;background: #7accbc;float: left;width: 5%;position: absolute;}
.add-on-container .list{width:96%;font-size: 14px;margin:5px;display:table}
.add-on-container .list div{
    width: 50%;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
}
.add-on-container .list div span {width: 45%;}
.add-on-container .list span{display: table-cell;width:85% !important;margin: 0 40px 0 0;}
.add-on-container .list span:hover{background: #f8f8f8;}
.add-on-container .list span:nth-child(2){display: table-cell;width:45%;margin: 0 40px 0 0;}

.add-on-container .list span b{font-weight:normal;color:#222;padding:5px 10px;font-family:Helvetica,Arial,sans-serif;float:right; font-size: 16px; font-weight: 600;}
.add-on-container .list label{min-width:50%}

.add-on-container .main {width:98%;margin:5px;overflow:visible;height:auto;position:relative;border-bottom:2px dotted #666;}
/*.add-on-container .main .row{display:table-row}*/
.add-on-container .main .row div{border-bottom: 1px dotted #999;padding-bottom: 2px;width: 50%;display: inline-block;}
.add-on-container .main .row div:nth-child(1){padding-right:30px}
.add-on-container .main .row div span{display: inline-block;font-weight: normal;font-size: 13px;}
.add-on-container .main .row div span div {border: none;}
.add-on-container .main .row div span:nth-child(1){width:70%;}
.add-on-container .main .row div span:nth-child(2){width:100px;padding-right:20px;vertical-align:middle;float: right;}
.add-on-container .main .row div span select{width:100px!important;}
.add-on-container .main .row div span b{font-weight:normal;color:blue}
.add-on-container .main .row div span a{display:inline;padding:3px 10px 3px 10px;color:blue;text-decoration:none}
.add-on-container .main .row div span a:hover{text-decoration:underline}
.add-on-container .main .row div span .not{display:none}
.add-on-container .main .row div span textarea{width:260px;height:40px;border:1px solid #999;border-radius:4px}

.modal-dialog .modal-content .modal-body p{margin:10px 5px}
.modal-dialog .modal-content .modal-body span{display:inline-block;vertical-align:middle;/*width:auto*/}
.modal-dialog .modal-content .modal-body span input{width: auto;}
.modal-dialog .modal-content .modal-body input[type="radio"] {vertical-align: middle;display: inline-block;width: 20px !important;height: 25px !important;margin: 0 10px 0 0;}

.storelst{width:100%;margin:10px 5px;display:table}
.storelst div{display:table-row} 
.storelst span{display:table-cell!important;padding:5px 10px;border-bottom:1px dotted #666;width:auto!important;line-height:40px}
.storelst input[type="radio"] {margin-top: -1px;vertical-align: middle;display:inline;width:50px}
.pac-item span {font-size:14px;color:#1E90FF}
#dtlpopqty h5{display:inline}
.alergnSel.brdr{ border: dashed 1px #ccc; padding: 10px; margin-top: 10px; width: 100%; float: left;}
.alergnSel.brdr h3{ margin-bottom: 10px !important;}
.left-pannel h3 {
    font-size: 20px;
    font-weight: 400;
     color: #353333;
    padding: 12px 15px;
    font-weight: bold; border: dashed 1px #c5e6f5; width: 100%; margin: 0;
}
.alergnSel.brdr ul li{ display: inline; padding: 10px; border: dashed 1px #ccc; margin-right: 10px; padding-bottom: 0 !important; float: left; width: 115px; margin-bottom: 5px; height: 75px;}
.alergnSel.brdr p{ margin: 0; padding: 0;}
.alergnSel.brdr input:checked + .slider {background-color: #50aa75 !important;}
#lblwlchdr{ display: inline; font-size: 13px;}

/*.width40 span{width:40%!important}*/

@media screen and (min-width: 769px) {
#nav-tabs-wrapper {
display: block!important;
padding: 10px;
height: 100vh;
border-bottom: 0;
scrollbar-color: #cdedf9 #ffffff;
scrollbar-width: thin;
overflow-y: auto;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.instruction ul li {
font-size: 11px;
line-height: 14px;
}
.product-image img {
max-width: 70px !important
}
.product-description h4 {
font-size: 15px;
}
.product-description p {
font-size: 12px;
}
.checkout-box th::after {
width: 30px;
}
.header-banner {
height: 300px !important;
}
.inner-banner {
padding: 50px 0;
}
.inner-banner .title h1 {
font-size: 24px;
}
.social-login li {
display: inline-block;
margin: 0 0px 0 0;
}
.sign-in {
margin-bottom: 20px;
}

}

/* .cart {border: solid 1px #ccc;} */
.cart .title h3 {margin: 0;text-align: left;color: #6dccbc;padding: 10px 0;font-size: 20px;display: inline-block;width: 100%; padding-left: 10px; font-weight: bold;}
.cart .title h3 i{ margin-right: 5px;}
.cart .body{padding:5px; margin: 5px 10px 20px 10px; border-radius: 10px;}
.cart .body table{width:100%}
.cart .body td{line-height:25px;font-size:12px;font-weight:normal;padding:1px;text-align:left;border-bottom:1px solid #d1d1d1}
.cart .body td div{font-size:15px;font-weight:bold;margin-top:10px}
.cart .body td h5{margin:5px}
.cart .body td .cmt{font-size:11px;font-weight:normal;margin-top:5px;line-height:16px}
.cart .body td div .btn{background-color:#F5C84C;color:#003366;-moz-border-radius:8px;border-radius:8px;padding:2px 5px 2px 5px;height:25px;text-align:center;vertical-align:middle;cursor:pointer;font-weight:bold;border:2px solid #FC8E1D;font-size:12px}
.cart .body td div .btn:hover{background-color:#970303;color:#fff}

.cart .body td span{font-size:14px;font-weight:normal;color:#990000;display:inline;}
.cart .body td p{line-height:18px;height:auto;font-size:13px;font-weight:normal;padding:1px;text-align:left;border-bottom:1px dashed #ccc;margin:0px;padding:0px 0px 0px 10px;background:initial;float:none}
.cart .body td p:empty{display:none}
.cart .body td .p20{display:inline;}
.cart .body th{line-height:25px;font-size:17px;font-weight:bold;padding:2px;text-align:right;border-bottom:1px solid #d1d1d1; color: #ff6f01;}
.cart .body a{display:inline-block;margin: 5px 10px 5px;}
.cart .body .btnedt {background: url("../images/editcart.png") no-repeat scroll center center transparent;background-size: auto auto;background-size: 100%;color: #2175A6;font-weight: normal;padding: 0;text-decoration: none;height: 35px;vertical-align: middle;width: 35px;}
.cart .body .btndel { background: url("../images/removecart.png") no-repeat scroll center center transparent;background-size: auto auto;background-size: 90%;color: #2175A6;font-weight: normal;padding: 0px;text-decoration: none;height: 35px;vertical-align: middle;width: 35px;}
.cart .body .commonbtn {background: url("../images/copy.png") no-repeat scroll center center #f8f8f8;color: #2175A6;font-weight: normal;padding: 0px 10px 0 30px;background-position: 5px 1px;border: solid 1px #ccc;color: #000;background-size: 25%;border-radius: 2px;}								
.cart .botmhide{display:none;position:absolute;right:5px;bottom:10px;height:40px}
.cart .row h4{display:table-cell;font-size:18px;font-weight:bold;padding:5px}
.cart .row h3:nth-child(2){text-align:right;}
.cart .row span:nth-child(2){text-align:right;}
.cart .red{color:#970303}
.cart .redb{color:#970303;font-weight:bold}
#btnchkout, #btngrpchkout, #btngrprmv{font-size: 18px; height: auto; color: #fff !important;font-weight: bold; margin-top: 15px;}

.nodspspan{}
.nodspspan td span{display:none!important}
.nodspspan td p{font-size: 14px!important;line-height:25px!important}
.nodspspan td h5{display:none} 

.order-list {
padding: 10px;
}


/* end footer style */

.contact-deatils {
margin: 20px 0 0 0;
}


.footer-area {
padding: 14px 0 0 0;
/* border-top: solid 1px #000;*/
padding: 15px 0 0 0;
display: inline-block;
width: 100%;
}

#main-nav .dropdown-toggle .icon-small
{
height:18px;
margin:0;
padding:0;
}

#main-nav .dropdown-toggle .icon-medium
{
height:22px;
margin:0;
padding:0;
}

/* end footer style */
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
background: transparent !important;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
font-size: 12px;
background-color: #fff;
line-height: 30px;
text-shadow: none;
color: #333;
border: 1px solid #ddd;
}
.dropdown-menu > li > a {
width: 260px !important;
padding: 4px 15px !important;
}
.dropdown-menu {
min-width: 260px !important;
}
#inner .header-top {
background: #252525;
padding: 7px 0;
}
#inner .header-top .social-icon ul {
padding: 0;
margin: 0;
}
#inner .header-top .social-icon ul li {
float: left;
list-style: none;
color: #ccc;
font-size: 12px;
}
#inner .header-top .social-icon ul li a {
color: #ccc;
font-size: 12px;
margin-right: 24px;
padding: 2px 0;
}
#inner .header-top .social-icon ul li a:hover {
color: #f10909;
}
#inner .header-top .social-icon ul li:nth-child(6) a {
border-right: 1px solid #505050;
margin: 0 24px 0 0;
padding: 0 24px 0 0;
}
#inner .header-top .top-hour {
float: right;
padding: 0;
margin: 0;
color: #ccc;
font-size: 12px;
}
#inner .header-top .top-hour li {
color: #ccc;
float: left;
list-style: none;
font-size: 14px;
position: relative;
}
#inner .header-top .top-hour li a {
color: #ccc;
font-size: 12px;
border-left: 1px solid #505050;
margin-left: 24px;
padding-left: 24px;
}
#inner .header-top .top-hour li a sup {
color: #f10909;
}
#inner .header-top .top-hour li a:hover {
color: #f10909;
}
#inner .header-top .top-hour li:hover ul {
opacity: 1;
overflow: visible;
}
#inner .header-top .top-hour .open-time {
float: left;
font-size: 12px;
}
#inner .main-menu ul li a {
color: #505050 !important;
}
#inner a.logo {
padding-top: 20px !important;
display: block !important;
}
#inner .navbar-nav {
margin-top: -58px !important;
}
#inner .header-area {
position: relative;
}
.dsk-hide {
display: none;
}
.top-hour li ul {
opacity: 0;
display: none;
position: absolute;
top: 100%;
display: block;
z-index: 99999999;
background: #252525;
text-align: left;
left: 24px;
width: 150px;
transition: all 0.5s ease 0s;
}
#inner .header-top .top-hour li ul li {
float: none;
display: block;
padding: 6px 0;
}
#inner .header-top .top-hour li ul li a {
border: none;
margin: 0;
padding: 0 22px;
display: block;
}
.top-hour li:hover ul {
display: block;
opacity: 1;
}
.our-chefs {
background: #f9f9f9;
}
.our-chefs .sec-sub-title {
margin-bottom: 43px;
margin-top: 10px;
}
.our-chefs .inner {
position: relative;
overflow: hidden;
}
.our-chefs .inner .images {
overflow: hidden;
}
.our-chefs .inner .images img {
transform: scale(1.1);
transition: all 0.5s ease 0s;
}
.our-chefs .inner .dsc {
position: absolute;
bottom: 30px;
left: 0;
width: 252px;
}
.our-chefs .inner .dsc h4 {
font-size: 18px;
color: #fff;
padding: 16px 23px;
background: #101010;
text-transform: uppercase;
line-height: 18px;
margin: 0;
font-weight: 500;
transition: all 0.5s ease 0s;
}
.our-chefs .inner .dsc span {
color: #ccc;
background: #101010;
padding: 16px 23px;
margin-top: 7px;
display: inline-block;
transition: all 0.5s ease 0s;
}
.our-chefs .inner .dsc ul {
padding: 24px 0 0;
margin: 0;
}
.our-chefs .inner .dsc ul li {
float: left;
list-style: none;
}
.our-chefs .inner .dsc ul li a {
margin: 0 10px;
}
.our-chefs .inner .dsc ul li a i {
width: 30px;
height: 30px;
line-height: 30px;
color: #505050;
text-align: center;
background: #fff;
border-radius: 100%;
box-shadow: 0 0 7px #333;
transition: all 0.5s ease 0s;
}
.our-chefs .inner .triangle_left {
width: 0;
height: 0;
border-top: 70px solid transparent;
border-right: 140px solid #101010;
border-bottom: 70px solid transparent;
position: absolute;
top: -75px;
left: -117px;
transform: rotate(48deg);
}
.our-chefs .inner:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
transition: all 0.5s ease 0s;
transform: scaleX(0);
}
.our-chefs .inner:hover .images img {
transform: scale(1);
}
.our-chefs .inner:hover:after {
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
transition: all 0.5s ease 0s;
transform: scale(1) !important;
}
.our-chefs .inner:hover h4 {
background: #f10909;
position: relative;
z-index: 11;
}
.our-chefs .inner:hover span {
background: #f10909;
position: relative;
z-index: 11;
}
.our-chefs .inner:hover ul li a i {
color: #f10909;
position: relative;
z-index: 11;
}
.our-chefs .inner:hover .triangle_left {
border-right: 140px solid #f10909;
z-index: 11;
}
.brand-logo-about {
background: #f0f0f0 !important;
}


.logo {
position: relative;
color:#666;
}
.home2 .header-area {
background: rgba(0, 0, 0, 0.6);
}
.home2 .logo {
display: block;
position: relative;
}
.home2 .navbar-nav {
margin-top: -60px;
}
.home2 #main-slider h1 {
margin-bottom: 8px;
line-height: 115px;
padding: 0 15px 0 0;
}
.home2 #main-slider h1 span {
color: #f10909;
}
.home2 #main-slider h2 {
line-height: 70px;
padding: 0 15px 0 0;
font-weight: 700;
margin-bottom: 10px;
text-transform: uppercase;
}
.home2 #main-slider p {
color: #fff;
font-size: 18px;
font-weight: 400;
margin-bottom: 60px;
line-height: 30px;
max-width: 900px;
}
.home2 #main-slider .dsc {
text-align: left;
max-width: 1170px;
}
.home2 #main-slider .dsc .btn1,
.home2 #main-slider .dsc .btn2 {
transform: none;
position: relative;
left: auto;
text-align: left;
max-width: 1170px;
right: 0;
border: none;
background: #f10909;
padding: 16px 22px;
margin-right: 17px;
font-weight: 500;
border: 2px solid #f10909;
}
.home2 #main-slider .dsc .btn1:hover,
.home2 #main-slider .dsc .btn2:hover {
background: transparent;
border: 2px solid #f10909;
}
.home2 #main-slider .dsc .btn2 {
border: 2px solid #f10909;
background: transparent;
}
.home2 #main-slider .dsc .btn2:hover {
background: #f10909;
}
.home2 #main-slider .dsc .btn-slider {
margin-left: 6px;
}
.home2 .reservation-form {
position: relative !important;
top: 0 !important;
background: transparent !important;
max-width: 1170px !important;
}
.home2 .reservation-form form {
max-width: 1170px !important;
}
.home2 .opening-hours .reservation {
padding: 0;
}
/* ------------------------------------
5.Menu area Start Here
---------------------------------------*/
.menu-area .container {
width: 100%;
padding: 0;
}
.menu-area .container .col-md-3 {
padding: 0;
}
.menu-area .container .col-md-3:last-child {
padding: 0;
}
.menu-area .single-menu-area {
position: relative;
}
.menu-area .single-menu-area .article {
opacity: 1;
transition: all 1s;
}
.menu-area .single-menu-area:hover .article {
opacity: 0;
display: none;
}
.menu-area .single-menu-area:hover .overlay {
opacity: 1 !important;
-moz-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-o-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
.menu-area .single-menu-area .cl-single-menu {
overflow: hidden;
position: relative;
}
.menu-area .single-menu-area .cl-single-menu figure {
overflow: hidden;
position: relative;
}
.menu-area .single-menu-area .cl-single-menu figure:before {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
content: "";
}
.menu-area .single-menu-area .cl-single-menu figure img {
transition: opacity 0.35s ease, transform 0.7s ease;
}
.menu-area .single-menu-area .cl-single-menu:hover figure {
position: relative;
}
.menu-area .single-menu-area .cl-single-menu .overlay {
background-color: rgba(0, 0, 0, 0.6);
-webkit-transform: scaleX(0);
transform: scaleX(0);
transform-origin: 50% 50% 0;
-webkit-transform-origin: 50% 50% 0;
bottom: 5%;
color: #ffffff;
height: 90%;
left: 5%;
opacity: 0;
position: absolute;
transition: all 0.5s ease-out 0.15s;
width: 90%;
text-align: center;
padding: 45px 38px 55px;
}
.menu-area .single-menu-area .cl-single-menu .overlay h2.menu-name {
color: #fff;
margin: 0 0 20px;
padding-bottom: 20px;
font-size: 18px;
font-weight: 600;
text-transform: uppercase;
position: relative;
}
.menu-area .single-menu-area .cl-single-menu .overlay h2.menu-name:after {
content: "";
position: absolute;
height: 2px;
width: 72px;
background: #f10909;
bottom: 0;
left: 50%;
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Safari */
transform: translate(-50%, -50%);
}
.menu-area .single-menu-area .cl-single-menu .overlay .short-desc {
line-height: 28px;
position: relative;
z-index: 999;
}
.menu-area .single-menu-area .cl-single-menu .overlay .short-desc a {
display: block;
color: #fff;
max-width: 200px;
margin: 0 auto;
}
.menu-area .single-menu-area .cl-single-menu .overlay .short-desc a:hover {
color: #f10909;
}
.menu-area .single-menu-area .cl-single-menu .overlay .short-desc .read-more {
left: 30%;
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Safari */
transform: translate(-50%, -50%);
margin-top: 38px;
}
.menu-area .article {
background: rgba(0, 0, 0, 0.6);
margin: 0;
padding: 8px 50px 12px;
position: relative;
text-align: center;
transition: all 0.5s ease 0s;
position: absolute;
left: 0;
bottom: 50px;
z-index: 111;
}
.menu-area .article h3 {
margin-bottom: 0;
}
.menu-area .article h3 a {
font-size: 18px;
color: #fff;
font-weight: 500;
text-transform: uppercase;
}
.menu-area .article .member-title {
font-size: 12px;
color: #505050;
text-transform: uppercase;
}
.sec-title {
margin: 0 0 4px;
padding: 0;
font-size: 48px;
line-height: 40px;
color: #f10909;
text-align: center;
font-family:blacksword !important;
font-weight: normal;
}
.sec-sub-title {
margin: 0;
padding: 0;
font-size: 25px;
line-height: 40px;
color: #101010;
text-align: left;
font-weight: normal;
/* margin-bottom: 45px; */
text-transform:capitalize;
margin-top: 5px;
}
.menus-area .button-group {
text-align: center;
margin-bottom: 40px;
}
.menus-area .button-group .btn {
background: transparent;
color: #101010;
text-transform: uppercase;
border: none;
border-radius: 0;
}
.menus-area .button-group .btn i {
display: block;
font-size: 20px;
width: 38px;
height: 38px;
line-height: 37px;
background: #000;
color: #fff;
border-radius: 100%;
margin: 0 auto 12px;
}
.menus-area .button-group .btn:hover,
.menus-area .button-group .btn.active {
color: #f10909;
}
.menus-area .button-group .btn:hover i,
.menus-area .button-group .btn.active i {
color: #f10909;
}
.menus-area .button-group .active2:hover i {
background: #f10909 !important;
}
.menus-area .item {
background: #f9f9f9;
}
.menus-area .item-wrap {
position: relative;
z-index: 999;
border-bottom: 3px solid #fff;
overflow: hidden;
}
.menus-area .item-wrap .inner {
text-align: center;
padding: 42px 0;
}
.menus-area .item-wrap .inner h5 {
margin: 0 0 16px;
padding: 0 0 23px;
font-size: 18px;
font-weight: 500;
background: url(../images/icon/2.png) no-repeat center bottom;
}
.menus-area .item-wrap .inner span {
font-weight: 500;
color: #f10909;
}
.menus-area .item-wrap img {
transition: all 0.5s ease 0s;
}
.menus-area .item-wrap:hover:hover img {
opacity: .5;
}
/* .menus-area .sec-sub-title {
margin: 0 0 18px;
} */
.container-fluid.no-gutter {
padding: 0px;
}
.container-fluid.no-gutter .row [class*='col-']:not(:first-child),
.container-fluid.no-gutter .row [class*='col-']:not(:last-child) {
padding-right: 0;
padding-left: 0;
}
.menu-area .row {
margin-left: 0;
margin-right: 0;
}
.menu-area .item {
border: none;
}
/* Isotope Transitions
------------------------------- */
.isotope,
.isotope .item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: top, left, opacity;
transition-property: transform, opacity;
}
/* ------------------------------------
6.Head of Chef area Start Here
---------------------------------------*/
.head-of-chef {
padding: 100px 0;
padding-bottom: 200px;
}
.head-of-chef .container {
position: relative;
}
.head-of-chef .inner-text {
text-align: center;
position: relative;
}
.head-of-chef .inner-text .sec-sub-title {
margin: 7px 0 22px;
}
.head-of-chef .inner-text p {
padding: 0 50px 0;
margin-bottom: 0 !important;
}
.head-of-chef .inner-text .read-more {
left: 40%;
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Safari */
transform: translate(-50%, -50%);
margin-top: 38px;
}
.head-of-chef .slider-nav {
max-width: 600px;
position: absolute;
left: 0;
bottom: 0;
}
.head-of-chef .slider-nav .slick-slide {
padding: 0;
border: 2px solid #ddd;
margin: 0 5px;
cursor: pointer;
}
.head-of-chef .slider-nav .slick-current {
position: relative;
overflow: hidden;
}
.head-of-chef .slider-nav .slick-current:after {
background: rgba(0, 0, 0, 0.7);
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.head-of-chef .slick-next:before {
content: "\f105";
font-family: FontAwesome;
opacity: 1;
transition: all 0.5s ease 0s;
font-size: 35px;
line-height: 20px;
}
.head-of-chef .slick-prev:before {
content: "\f104";
font-family: FontAwesome;
opacity: 1;
transition: all 0.5s ease 0s;
font-size: 35px;
line-height: 20px;
}
.slick-prev::before,
.slick-next::before {
color: #101010;
}
.slick-prev:hover::before,
.slick-prev:focus::before,
.slick-next:hover::before,
.slick-next:focus::before {
opacity: 1;
color: red;
}
#filters i:before {
margin-left: 0;
}
.onepage1 .opening-hours {
padding: 120px 0 120px;
}
.onepage1 .opening-hours .reservation {
top: -78px;
}
.opening-hours {
padding: 92px 0 100px;
background: url(../images/parallax/1.jpg) no-repeat center top;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.opening-hours .container {
position: relative;
}
.opening-hours:after {
background: rgba(0, 0, 0, 0.7);
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
.opening-hours .inner {
max-width: 745px;
background: #fff;
overflow: hidden;
text-align: center;
padding: 40px 60px 65px 60px;
position: relative;
z-index: 1;
}
.opening-hours .inner .images-icon {
text-align: center;
margin: 30px 0;
}
.opening-hours .inner .sec-sub-title {
margin: 12px 0 0;
}
.opening-hours .inner h4 {
margin: 0 0 8px;
font-size: 18px;
color: #101010;
font-weight: 400;
}
.opening-hours .reservation {
background: #000;
max-width: 475px;
position: absolute;
z-index: 99;
top: -200px;
right: 0;
width: 100%;
padding: 35px 42px 60px 42px;
}
.opening-hours .reservation h2 {
color: #f10909;
font-size: 48px;
font-family: 'CookieRegular';
text-align: center;
font-weight: normal;
margin: 0 0 2px;
}
.opening-hours .reservation h3 {
font-size: 36px;
color: #fff;
font-weight: 600;
line-height: 40px;
text-align: center;
margin-bottom: 40px;
}
.opening-hours .reservation .form-control {
background: transparent;
border: none;
border-radius: 0;
padding: 0;
border-bottom: 1px solid #fff;
margin-bottom: 25px;
color: #fff;
}
.opening-hours .reservation .form-control:focus {
box-shadow: none;
}
.opening-hours .reservation .send-btn {
text-align: center;
margin-bottom: 0;
}
.opening-hours .reservation form {
max-width: 280px;
margin: 0 auto;
}
.opening-hours .reservation .btn-send {
background: transparent;
border-radius: 0;
border: 1px solid #fff;
text-transform: uppercase;
color: #fff;
padding: 6px 16px;
transition: all 0.5s ease 0s;
}
.opening-hours .reservation .btn-send:hover {
background: #f10909 !important;
border: 1px solid #f10909 !important;
}
.reservation .form-control::-webkit-input-placeholder {
/* Chrome */
color: #fff !important;
opacity: 1 !important;
}
.reservation .form-control:-ms-input-placeholder {
/* IE 10+ */
color: #fff !important;
opacity: 1 !important;
}
.reservation .form-control::-moz-placeholder {
/* Firefox 19+ */
color: #fff !important;
opacity: 1 !important;
}
.reservation .form-control:-moz-placeholder {
/* Firefox 4 - 18 */
color: #fff !important;
opacity: 1 !important;
}
/* ------------------------------------
7.gallery area Start Here
---------------------------------------*/
.home-gellary-area {
clear: both;
}
.home-gellary-area .container {
width: 100%;
}
.home-gellary-area .container .col-md-3 {
padding: 0;
}
.rs-gellary .portfolio-filter {
margin-bottom: 45px;
}
.rs-gellary .portfolio-filter button {
background: transparent;
position: relative;
display: inline-block;
border: 0;
outline: none;
font-weight: 600;
transition: all 0.5s ease 0s;
margin: 0 0px 15px 0;
}
.rs-gellary .portfolio-filter button:before,
.rs-gellary .portfolio-filter button:after {
content: '';
position: absolute;
height: 1px;
width: 0px;
background-color: #f10909;
transition: .5s ease width;
}
.rs-gellary .portfolio-filter button:before {
top: 0;
left: 0;
}
.rs-gellary .portfolio-filter button:after {
right: 0;
bottom: 0;
}
.rs-gellary .portfolio-filter button:hover {
color: #f10909;
}
.rs-gellary .portfolio-filter button:hover:before,
.rs-gellary .portfolio-filter button:hover:after {
width: 30px;
}
.rs-gellary .portfolio-filter button.active {
color: #f10909;
}
.rs-gellary .portfolio-item {
position: relative;
overflow: hidden;
}
.rs-gellary .portfolio-item .portfolio-content {
position: absolute;
width: 100%;
height: 100%;
top: 30%;
left: 0;
text-align: center;
z-index: 10;
padding: 25px;
opacity: 0;
-webkit-transition: 0.3s all ease-out;
transition: 0.3s all ease-out;
}
.rs-gellary .portfolio-item .portfolio-content:before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: -1;
-webkit-transition: .25s opacity ease;
transition: .25s opacity ease;
}
.rs-gellary .portfolio-item .portfolio-img img {
width: 100%;
}
.rs-gellary .portfolio-item .p-zoom {
display: inline-block;
font-size: 50px;
color: #f10909;
transition: all 0.5s ease 0s;
position: absolute;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Safari */
transform: translate(-50%, -50%);
}
.rs-gellary .portfolio-item .p-zoom:hover {
opacity: 0.6;
}
.rs-gellary .portfolio-item .p-title {
font-size: 18px;
line-height: normal;
margin-top: 0;
font-weight: 500;
color: #fff;
margin-bottom: 0;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
text-transform: uppercase;
padding: 13px 0;
background: #000;
}
.rs-gellary .portfolio-item .p-title a {
color: #fff;
}
.rs-gellary .portfolio-item .p-title a:hover {
color: rgba(255, 255, 255, 0.7);
}
.rs-gellary .portfolio-item .p-desc {
font-size: 15px;
color: #fff;
line-height: normal;
margin-bottom: 0;
margin-top: 10px;
}
.rs-gellary .portfolio-item:hover .portfolio-content {
opacity: 1;
top: 0;
}
/* ------------------------------------
8.Testimonials area Start Here
---------------------------------------*/
.testimonials-area {
overflow: hidden;
position: relative;
background: url(../images/bg-img/2.jpg) no-repeat center top;
background-size: cover;
}
.testimonials-area:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
}
.testimonials-area h2 {
position: relative;
z-index: 100;
}
.testimonials-area h3 {
position: relative;
z-index: 100;
margin-bottom: 30px;
}
.testimonials-area .container {
width: 100%;
padding: 0;
}
.testimonials-area .container .col-md-4 {
padding: 0;
}
.testimonials-area .container .inner-testimonials {
text-align: center;
cursor: pointer;
background: #f9f9f9;
padding: 98px 0px;
transform: skew(-20deg);
z-index: 1;
height: 660px;
}
.testimonials-area .container .inner-testimonials .images-testimonial {
text-align: center;
}
.testimonials-area .container .inner-testimonials .images-testimonial img {
border-radius: 100%;
display: inline;
}
.testimonials-area .container .inner-testimonials .testimonials {
position: relative;
z-index: 100;
}
.testimonials-area .container .inner-testimonials p {
margin: 30px 0 0;
font-style: italic;
}
.testimonials-area .container .inner-testimonials h4 {
font-weight: 500;
text-transform: uppercase;
color: #101010;
margin: 12px 0 30px;
}
.testimonials-area .container .inner-testimonials .inner {
webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
transform: skew(20deg);
padding: 0 100px;
}
.testimonials-area .container .images-slide-testimonial {
text-align: center;
display: block;
margin: 8px;
}
.testimonials-area .container .images-slide-testimonial img {
border-radius: 100%;
display: inline;
cursor: pointer;
}
.testimonials-area .container .testimonials-nav {
max-width: 185px;
margin: 0 auto;
}
.testimonials-area .container .slick-arrow {
display: none !important;
}
.testimonials-area .container .slick-dots li button::before {
opacity: 0;
}
.testimonials-area .container .slick-dots li button {
border: 1px solid #ccc;
width: 17px;
height: 7px;
padding: 0;
transform: skewX(-19deg) !important;
position: absolute;
}
.testimonials-area .container .slick-dots li button:hover {
background: #f10909;
}
.testimonials-area .container .slick-active button {
background: #f10909;
}
.testimonials-area .container .testimonials-nav {
position: relative;
z-index: 99;
}
.testimonials-area .container .slick-dots {
position: absolute;
bottom: -50px;
}
.testimonials-area .container .slick-dots li {
margin: 0 2px;
}
.testimonials-area3 .container .slick-dots li button {
transform: skewX(0deg) !important;
}
.our-event-area .slick-dots li button {
padding: 2px;
}
.images-slide-testimonial.slick-current.slick-active {
position: relative;
}
.images-slide-testimonial.slick-current.slick-active:after {
background: rgba(0, 0, 0, 0.7);
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: 100%;
}
/* ------------------------------------
9.Blog area Css Start Here
---------------------------------------*/
.home-blog-area .single-menu-area {
position: relative;
}
.home-blog-area .single-menu-area .article {
opacity: 1;
transition: all 1s;
}
.home-blog-area .single-menu-area:hover figure img {
transform: scale(1.1);
}
.home-blog-area .single-menu-area:hover .overlay {
opacity: 1 !important;
-moz-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-o-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
.home-blog-area .single-menu-area:hover a {
color: #f10909;
}
.home-blog-area .single-menu-area:hover .date {
color: #f10909;
}
.home-blog-area .single-menu-area .cl-single-menu {
overflow: hidden;
position: relative;
}
.home-blog-area .single-menu-area .cl-single-menu figure {
overflow: hidden;
}
.home-blog-area .single-menu-area .cl-single-menu figure img {
transform: scale(1);
transition: opacity 0.35s ease, transform 0.7s ease;
}
.home-blog-area .single-menu-area .cl-single-menu:hover figure img {
transform: scale(1.1);
}
.home-blog-area .single-menu-area .cl-single-menu .overlay {
background-color: rgba(0, 0, 0, 0.6);
-webkit-transform: scaleX(0);
transform: scaleX(0);
transform-origin: 50% 50% 0;
-webkit-transform-origin: 50% 50% 0;
bottom: 0;
color: #ffffff;
height: 100%;
left: 0;
right: 0;
opacity: 0;
position: absolute;
transition: all 0.5s ease-out 0.15s;
width: 100%;
text-align: center;
padding: 45px 38px 55px;
}
.home-blog-area .single-menu-area .cl-single-menu .overlay .short-desc {
line-height: 28px;
height: 100%;
display: table;
}
.home-blog-area .single-menu-area .cl-single-menu .overlay .short-desc a {
display: block;
color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 25px;
margin-top: 10px;
display: table-cell;
vertical-align: middle;
}
.home-blog-area .single-menu-area .cl-single-menu .overlay .short-desc a i {
font-size: 30px;
}
.home-blog-area .single-menu-area .cl-single-menu .overlay .short-desc a:hover {
color: #f10909;
}
.home-blog-area .single-menu-area .cl-single-menu .overlay .short-desc .read-more {
left: 30%;
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Safari */
transform: translate(-50%, -50%);
margin-top: 38px;
}
.home-blog-area .article {
margin-top: -38px;
background: #f9f9f9;
padding: 0 22px 28px 22px;
}
.home-blog-area .article h3 {
position: relative;
text-align: center;
font-size: 15px;
font-weight: 600;
padding: 8px 0 20px;
margin: 0 0 16px;
}
.home-blog-area .article h3:after {
content: "";
position: absolute;
height: 2px;
width: 100px;
background: #ccc;
bottom: 0;
left: 50%;
-ms-transform: translate(-50%, -50%);
/* IE 9 */
-webkit-transform: translate(-50%, -50%);
/* Safari */
transform: translate(-50%, -50%);
}
.home-blog-area .article p {
text-align: center;
margin-bottom: 35px;
}
.home-blog-area .article a {
float: right;
font-weight: 500;
color: #505050;
}
.home-blog-area .article a i {
font-weight: 500;
font-size: 18px;
position: relative;
left: 5px;
top: 2px;
}
.home-blog-area .article .date {
font-weight: 500;
}
.home-blog-area .article .date i {
font-size: 12px;
margin: 0 4px 0 0;
position: relative;
top: -1px;
}
.home-blog-area .article .img {
text-align: center;
display: block;
position: relative;
z-index: 99;
}
.home-blog-area .article .img img {
display: inline;
}
.home-blog-area .blog-gallery .article .img img {
width: auto;
}
.menu-brand-page {
background: #fff !important;
}
.home2-blog-area .single-menu-area {
position: relative;
}
.home2-blog-area .single-menu-area .date-time {
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
font-weight: 500;
color: #fff;
z-index: 99;
padding: 11px 8px;
width: 50px;
text-align: center;
transition: all 0.5s ease 0s;
}
.home2-blog-area .single-menu-area .article {
margin: 0;
padding: 0;
background: #fff;
}
.home2-blog-area .single-menu-area .article h3 {
margin: 0;
padding: 0;
text-align: left;
font-size: 18px;
font-weight: 500;
margin: 19px 0 12px;
}
.home2-blog-area .single-menu-area .article h3 a {
float: none;
}
.home2-blog-area .single-menu-area .article h3:after {
opacity: 0;
}
.home2-blog-area .single-menu-area .article p {
text-align: left;
margin: 0 0 11px;
padding: 0 0 16px;
border-bottom: 1px solid #f10909;
}
.home2-blog-area .single-menu-area .article .eye i {
margin-right: 2px;
}
.home2-blog-area .single-menu-area .article .eye .fa-eye {
margin-left: 18px;
}
.home2-blog-area .single-menu-area:hover .date-time {
background: #f10909;
}
.home-blog-area3 {
padding-bottom: 100px;
}
/* ------------------------------------
10.Our Event area Css Start Here
---------------------------------------*/
.our-event-area {
padding-bottom: 105px;
}
.our-event-area .inner {
position: relative;
color: #ccc;
}
.our-event-area .inner .content-left {
position: absolute;
right: 0;
top: 28px;
background: rgba(0, 0, 0, 0.8);
width: 300px;
padding: 30px;
}
.our-event-area .inner .content-left h4 {
color: #fff;
text-transform: uppercase;
margin: 0 0 10px;
font-weight: 400;
}
.our-event-area .inner .content-left i {
transition: all 0.5s ease 0s;
font-size: 12px;
margin: 0 4px 0 0;
position: relative;
top: -1px;
}
.our-event-area .inner .content-left a {
color: #ccc;
font-style: italic;
transition: all 0.5s ease 0s;
}
.our-event-area .inner .content-left span {
font-size: 12px;
margin-right: 12px;
}
.our-event-area .inner .content-left p {
margin: 7px 0 26px;
}
.our-event-area .inner .images-left img {
transition: all 0.5s ease 0s;
}
.our-event-area .inner:hover a {
color: #f10909;
}
.our-event-area .inner:hover i {
color: #f10909;
}
.our-event-area .inner:hover .images-left a img {
opacity: .6;
}
.parallax-event {
background: url(../images/parallax/1.jpg) no-repeat center top;
background-size: cover;
background-attachment: fixed;
position: relative;
}
.parallax-event:after {
background: rgba(0, 0, 0, 0.9);
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.parallax-event .container {
position: relative;
z-index: 999;
}
.parallax-event .container h3 {
color: #fff;
}



/* ------------------------------------
31.Footer Css Start Here
---------------------------------------*/
footer {
position: relative;
color: #666;
background-size: cover;z-index:0; background: #fff;

}
footer a {
color: #6dccbc;
}
footer:after {
/* background: rgba(0, 0, 0, 0.7); */
position: absolute;
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
footer .container {
max-width: 860px;
position: relative;
z-index: 100;
}
/*footer .container .social-icon {
padding: 30px 0 44px;
}*/
footer .container .social-icon ul {
padding: 0;
margin: 0;
}
footer .container .social-icon ul li {
display: inline-block;
}
footer .container .social-icon ul li a i {
width: 32px;
height: 32px;
line-height: 35px;
background: #101010;
border-radius: 100%;
color: #fff;
font-size: 14px;
transition: all 0.5s ease 0s;
}
footer .container .social-icon ul li a i:hover {
background: #f10909;
}
footer .container .address {
line-height: 26px;
padding-left: 32px;
}
footer .container .address:before {
content: "\f041";
font-family: FontAwesome;
opacity: 1;
transition: all 0.5s ease 0s;
font-size: 30px;
line-height: 20px;
position: absolute;
left: 0;
top: 18px;
}
footer .container .phone {
padding-left: 38px;
}
footer .container .phone a {
line-height: 26px;
}
footer .container .phone:before {
content: "\f095";
font-family: FontAwesome;
opacity: 1;
transition: all 0.5s ease 0s;
font-size: 30px;
line-height: 20px;
position: absolute;
left: 0;
top: 18px;
}
footer .container .email {
padding-left: 44px;
}
footer .container .email a {
line-height: 26px;
}
footer .container .email:before {
content: "\f2b7";
font-family: FontAwesome;
opacity: 1;
transition: all 0.5s ease 0s;
font-size: 30px;
line-height: 20px;
position: absolute;
left: 0;
top: 18px;
}
footer .copyright {
position: relative;
clear: both;
padding: 24px 0 0;
margin: 134px 0 65px;
}
footer .copyright span {
color: #fff;
}
footer .copyright:before {
content: "";
position: absolute;
height: 1px;
width: 100px;
background: #f10909;
top: 0;
left: 50%;
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/* ------------------------------------
32.Scroll To Css Start Here
---------------------------------------*/
#return-to-top {
position: fixed;
bottom: 30px;
right: 20px;
background: #f10909;
width: 50px;
height: 50px;
display: block;
z-index: 9999;
text-decoration: none;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
cursor: pointer;
text-align: center;
overflow: hidden;
border-radius: 0px 44px 44px 44px;
}
#return-to-top:before {
transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85) 0s;
}
#return-to-top:hover::before {
top: -60px;
}
#return-to-top::before {
bottom: 0;
content: "\f106";
font-family: FontAwesome;
font-size: 20px;
left: 0;
line-height: 60px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: -5px;
color: #ffffff;
}
#return-to-top:hover {
background: #ad1f1f;
}
#return-to-top:hover span {
top: -6px;
}
#return-to-top span {
bottom: 0;
left: 0;
line-height: 60px;
margin: auto;
position: absolute;
right: 0;
text-align: center;
top: 60px;
color: #ffffff;
transition: all 0.3s cubic-bezier(0.37, 0.31, 0.2, 0.85) 0s;
}
/* ------------------------------------
33.Sticky Menu To Css Start Here
---------------------------------------*/
#logo-sticky {
display: none;
}
.sticky-header {
left: 0;
padding: 0px 0 0 !important;
position: fixed !important;
right: 0;
top: 0;
transform: translateY(0px);
transition: all 1s ease 0s;
width: 100%;
background: #fff !important;
z-index: 50;
border: none;
background-color: #f5f5f5;
}
.sticky-header .container {
position: relative;
}
.sticky-header #logo-sticky {
display: block;
position: absolute;
left: 0;
top: 0px;
z-index: 999;
width: 7%;
}
.sticky-header #logo {
display: none;
}
.sticky-header .rs-menu ul {
text-align: right;
}
.sticky-header {
left: 0;
padding: 0;
position: fixed !important;
right: 0;
top:0;
transform: translateY(0px);
transition: all 1s ease 0s;
width: 100%;
z-index: 50;
border: none;
margin: auto;

}
.sticky-header.header-area2 {
background: #fff !important;
}

/* ----------------------------------
35. Preloader CSS
-------------------------------------*/
#loading {
background-color: #f2f2f2;
height: 100%;
width: 100%;
position: fixed;
z-index: 1;
margin-top: 0px;
top: 0px;
z-index: 9999999;
}
#loading-center {
width: 100%;
height: 100%;
position: relative;
}
#loading-center-absolute {
position: absolute;
left: 0;
right: 0;
top: 42%;
height: 400px;
width: 450px;
margin-top: -75px;
margin-left: auto;
margin-right: auto;
}
.object {
width: 20px;
height: 20px;
background-color: #7accbc;
float: left;
margin-right: 20px;
margin-top: 65px;
-moz-border-radius: 50% 50% 50% 50%;
-webkit-border-radius: 50% 50% 50% 50%;
border-radius: 50% 50% 50% 50%;
}
#object_one {
-webkit-animation: object_one 1.5s infinite;
animation: object_one 1.5s infinite;
}
#object_two {
-webkit-animation: object_two 1.5s infinite;
animation: object_two 1.5s infinite;
-webkit-animation-delay: 0.25s;
animation-delay: 0.25s;
}
#object_three {
-webkit-animation: object_three 1.5s infinite;
animation: object_three 1.5s infinite;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
@-webkit-keyframes object_one {
75% {
-webkit-transform: scale(0);
}
}
@keyframes object_one {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes object_two {
75% {
-webkit-transform: scale(0);
}
}
@keyframes object_two {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}
@-webkit-keyframes object_three {
75% {
-webkit-transform: scale(0);
}
}
@keyframes object_three {
75% {
transform: scale(0);
-webkit-transform: scale(0);
}
}


.product-lis {width: 100%;display: inline-block;}
.product-lis #dynamic-id {width: 100%;}
.product-lis .list {float: left;display: table;width: 100%;margin: 20px 0;}
/* .product-lis .list div{display:table-row;padding: 20px 0;} */
.product-listing {display: inline-block;width: 100%;padding: 10px;transition:0.3s ease-in-out; min-height: 44vh; margin-bottom: 20px;  position: relative; background: #fff; -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px; border: dashed 2px #dcf5fa; max-height: 58vh;}
.content-bg01{background: url(../images/pop-bg02.png) no-repeat !important; background-size: cover !important; margin-top: -10px !important;}
.product-listing p{ font-size: 14px; }
.product-listing:hover {box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; border: dashed 2px #f1af21;}
.product-listing:hover .fa-cart-plus{ background: #f1af21; right: 0; bottom: 0;}
.product-lis .list div div {float: left;margin: 0px 8px;display: table-cell;vertical-align: middle;width: auto;max-width:60%;}
.product-lis .list div div h3 {margin: 15px 0 0 0;font-size:26px}
.product-lis .list div div b{display: block;margin-top: 10px;color: red;font-weight: normal;font-size: 18px;}

.product-lis .list div div:nth-child(1){max-width:100px;min-width:100px}
.product-lis .list div div:nth-child(3){float: right;margin: 15px 0 0 0;max-width:160px}
.product-lis .list div div span {float: left;color: #3b7b0c;font-size: 20px;font-weight: bold;margin: 12px 5px 0 0; padding: 0;}
.product-lis .list div div button {background: #f10909;color: #fff;border: none;padding: 5px 18px;border-radius: 5px;margin: 0 0 0 10px;}

#list-none {
display: inline-block;
width: 100%;
}


#list-none div {
width: 100%;
}

#list-none div span {
width: 45%;
float: left;
margin: 0 20px;
}

#list-none div span span {
float: right;
text-align: right;
color: #f10909;
}

#list-none {
display: inline-block;
width: 100%;
}

.poup-button {
    display: inline-flex;
    margin: 30px 0 10px 0;
}

.poup-button a 
{
padding: 15px;
border: 2px dashed #7accbc;
margin: 0 0 0 10px;
color: #000;
}

.poup-button .active
{
background: #6dccbc;
color: #fff;
}


button.cat-navigation {
display: none;
}

.product-lis h3 {
margin: 0;font-size:30px;
}

.product-lis span
{
display: inline-block;
}


#signup-modal {
z-index: 99999999;
}


#signup-modal {
z-index: 99999999;
}

#signup-modal.custom-modal .modal-dialog .modal-body {
overflow-y: scroll;
height: auto;
}


.custom-modal .modal-footer .popup-procced-price .btn {
background: #f10909;
color: #fff;
}

/* cart page css */

/*.cartmain .right .dtlmain .shopcart th {
border: none !important;
border-bottom: 1px #000 solid !important;
background: none !important;
}*/

.cartmain .right .dtlmain .shopcart td {
border-bottom: 1px solid #ccc;
}

/*.cartmain .right .dtlmain .shopcart tr:nth-child(odd) {
background: #ccc;
}
*/


.cartmain .right .dtlmain .shopcart #rowtot12 {
background: #7accbc;
color: #fff;
}


.cartmain .right .dtlmain .shopcart #rowtot12 td {
color: #fff;
}

.cartmain .right .dtlmain .shopcart #rowtot12 td span
{
    text-align: center;
}

.cartmain .right .dtlmain .shopcart #rowtot12 td span {
border: none;
}

.cartmain .right .dtlmain .cartcpn {

padding: 10px 15px;
}

.cartmain .right .dtlmain .shopcart th{
border-bottom: 1px solid #e6e2e7;
text-align:center!important;
line-height:25px;
color:#333;
font-weight:bold;
padding: 15px 0;
font-size: 15px;
background: #f3fdff;
}



.cartmain .right .dtlmain p
{
background: none;
}


.secure_payment .secure
{
display: inline-flex;
}


.cartmain .secure_payment.left {
width: 100%;
margin: 25px 0 0 0;
font-size: 16px;
}


.cartmain .left .secure .comodo_img {

width: 100px;
float: left;
margin: 0 30px 0 0;
height: auto;

}


.account_btn {
float: right;
margin: 8px 0 0 0;
}



.cartmain .left .secure p {
float: left;
}


.cartmain .left .hdr {
float: left;
padding: 15px 0 0 0;
margin: 0 45px 0 0;
}

.cartmain .left .secure .red {
float: left;
margin: 0 30px 0 0;
padding: 15px 0 0 0;
}

.cartmain {
width: 90%;
margin: 0 auto;
padding: 10px 0 100px 0;
min-height: 768px;
}


.cartmain .cart-details {
margin: 20px 0 0 0;
}






.cartmain .left .secure p {
float: left;
margin: 8px 0 0 10px;

}

.cartmain .left .secure .red h6 
{
margin: 0;
padding: 0 0 0 10px;
color: #f10909;
font-size: 19px;
display: inline-block;
}

.minimum_delivery {
margin: 0 0 0 0;
padding: 6px 0 0 0;
}


.secure .icons {
float: left;
}


.gratuity p
{
padding: 0;
margin: 0;
text-align: left;
}

.gratuity #lbltipall {
float: left;
width: 50%;
}

.gratuity #lbltipall input , .gratuity #lbltippctdsp select  {
width: 100%;
}

.gratuity #lbltippctdsp select 
{
width: 100%;
margin: 3px 0 0 0;	
height: auto;
}

#lbltippctdsp {
 width: 100%;
float: left;
}

#lbltippctdsp #DDtip
{
float: left;
width: 98%;
border-radius: 10px;
}

#lbltippctdsp .tipdim {
font-weight: bold;
float: left;
margin: 10px 0 0 14px;
}

.cartmain .right .dtlmain .gratuity p
{
padding: 0;
margin: 0;
}



input,select 
{
width: 100%;
height: 40px!important;
padding: 6px 12px!important;
font-size: 16px!important;
line-height: 1.42857143;
color: #000!important;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

/* input[type="radio"]{display:inline;width:50px;height:auto !important;} */

.cartmain .right .dtlmain .shopcart {
min-height: 524px;
}


#lblchkPickup, #lblchkdelvry, #lblchkcatrng {
float: left;
margin: 0 20px 0 0;
}

#lblchkPickup input, #lblchkdelvry input, #lblchkcatrng input {
float: left;
margin: 4px 5px 0 0;
}


#lblchkPickup input[type="radio"]:checked + label, #lblchkdelvry input[type="radio"]:checked + label, #lblchkcatrng input[type="radio"]:checked + label  {
color: #f10909;
}



.schedule_date input, .schedule_date a
{
float: left;
}

.schedule_date .input-group input {
border: 0px;
box-shadow: none;
float: left;
width: 80%;
}

.schedule_date .input-group {
border: solid 1px #cccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.schedule_date .input-group a
{
font-size: 25px;
margin: 6px 8px;
color: #000;
}

.schedule_time .input-group
{
width: 100%;
}

.schedule_time .input-group .form-control
{
width: 47%;
border-radius: 0;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-radius: 10px;
margin-right: 5px;
}


div#divfxdloc {
    margin-bottom: 15px;
}

div#top-main-nav {
    margin-top: 17px;
}

.custom-navber a.active-cat:before {
    color: #fff !important;
}

.cart-details .msg {
    text-align: left;
    background: #f3fdff;
    display: inline-block;
    border-radius: 10px;    
    padding:10px 30px;
    width: 100%;
    margin-top: 10px;
}

.cart-details .msg span p
{
margin: 5px 0 !important;
padding:0;
font-size: 20px;
color: #000;
}


.cart p
{
float: left;
width: 100%;
text-align: left;
margin: 0;
padding: 0 15px;
}


/* .cart p b {
    float: right;
} */

.coupen_gratuity {
display: inline-block;
width: 100%;
margin: 30px 0;

}

.coupen_gratuity .cpncol input
{
float: left;
border-radius: 10px;
}

.coupen_gratuity .cpncol .theme_btn
{
float: left;
margin: 0px 0 0 10px;
height: 40px;
line-height: normal;
}

.coupen_gratuity .cpncol .theme_btn:hover{background: #ebae00; color: #fff; text-decoration: none !important;}

.checkout_button {
font-size: 15px;
padding: 10px 30px;
margin-right: 5px;
}

.checkout_button i {
    margin-right: 5px;
}

.register {
width: 100%;
float: left;
margin: 60px 0;
min-height: 768px;
}

.registered, .signup
{
color:#000;
width: 45%;
text-align: left;
}

.login-form .form-control, .signup .form-control {
width: 100%;
border: #d3d3d3 solid 1px;
border-radius:0; 

}

.login-form .input-group, .signup .input-group
{
margin: 20px 0 0 0;
width: 100%;
}

.login-form .btnbar 
{
display: inline-block;
width: 100%;
}

.login-form input {
border-radius: 0;
height: 40px;

}

.login-form .forgot-password {
text-align: left !important;
}

.registered p, .registered .guest p {
margin: 0;
}


.login-form .input-group label {
    float: left;
    width: 100%;
}

.login-form .input-group inout {
    float: left;
}

.login-form .input-group .btnbar {
    float: left;
    width: 40%;
}

.login-form .input-group .btnbar .theme_btn {
    height: 40px;
}



.billing h2 {
margin: 0;
}


.billing_address .input-group, .shipping_address .input-group, .billing .input-group  
{
margin: 10px 0 0 0;
width: 100%;
float: left;
}


.billing_address .input-group label, .shipping_address .input-group label, .billing .input-group label
{
float: left;
width: 32%;
text-align: left;
}

.billing_address .input-group .form-control, .shipping_address .input-group .form-control, .billing .input-group .form-control
{
width: 65%;
border-radius: 10px;
}

.form-control{border: 1px solid #e0f6fb !important; box-shadow: none;}
.input-group label{ font-weight: normal;}
.cstm-frm01 .input-group label{ margin-bottom: 0; color: #727272;}
.cstm-frm01 .input-group label, .cstm-frm01 .form-control{ width: 100% !important;}

.select_address .input-group {
float: left;
width: 48%;
}

.select_address .input-group input {
float: left;
margin: 4px 5px 0 0;
}

.select_address .input-group label 
{
float: left;
width: 70%;
margin: 0;
padding: 2px 0 0 0;
}

.billing .btnbar {
display: inline-block;
width: 100%;
margin: 15px 0 0 0;
text-align: right;
}


.billing .btnbar span {
margin: 0 0 0 5px;
display: inline-block;
}


#divseladd {
display: block;
max-height: 375px;
overflow-y: scroll;
min-height: 375px;
scrollbar-color: #c6e1e7 #f4fdff;
scrollbar-width: thin;
}

.input-group#divshipnote 
{
    width: 100%;
}

.input-group#divshipnote label
{
    width: 100%; color: #727272;
}

.input-group#divshipnote .form-control,.input-group#divtitleserv .form-control
{
    border-radius:10px; 
    width: 100%;
}
.text-left{ text-align: left !important;}
.fs-big{ font-size: 23px !important;}


#lblchoshiploc .theme_btn a {
color: #fff;
}
.bg-light01{ background: #f5fafb; border-left: solid 5px #fff;}
.float-left{ float: left !important;}
.space01{margin-top: 30px; margin-left: 10px;}

#lblchoshiploc .location_list a {
float: right;
color:#f10909;
}


#lblchoshiploc .location_list {
float: left;
width: 100%;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px !important;
border: dashed 1px #d7e0ef;
padding: 15px 15px; margin-bottom: 15px;
}

#lblchoshiploc .location_list:nth-child(even) {
background: #fbfbfb;
}


#lblchoshiploc .location_list h3{
    background: none;
    }
    

#lblchoshiploc .location_list h3 {
margin: 0;
}

#lblchoshiploc .location_list .action{
display: inline-block;
width: 100%;
}

#lblchoshiploc .location_list p {
float: left;
}

#lblchoshiploc .location_list .action input{
    float: left;
    margin: 4px 0 0 0;
}  

#lblchoshiploc .location_list .action label{
    float: left;
    margin: 0px 0 0 0;
    text-align: left;
    width: 90%;
}

#lblchoshiploc .location_list a {
    float: right;
    color: #000;
    width: 34%;
    border: solid 1px #ccc;
    text-align: center;
    border-radius: 5px;
    padding: 2px 0;
    font-weight: normal;

}

#lblchoshiploc .location_list a label {
    text-align: center !important;
    width: 100% !important;
    cursor: pointer;
    font-weight: normal;
}

#lblchoshiploc .location_list a:hover {
text-decoration: underline;
}


#lblchoshiploc .location_list .action p {
margin: 0;
width: 50%;
}


.invoice_summery {
    border-left: solid 1px #ccc;
    overflow: hidden;
    text-align: left;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    
}
#divinv, #divkeyin {
    padding: 15px !important;
}

#divinv h3, #divkeyin h3 {
    background: #f3fdff;
    padding: 7px;
    font-size: 18px;
    margin-bottom: 10px;
}

.invoice_summery h2 {
margin: 15px 0;
}


.invoice_summery .row{
    padding: 5px 0;
    font-size: 18px
}

.invoice_summery .theme_color{
    font-weight: bold;
    color: #000;
    text-align: right;
    float: right;
}

#divkeyin.select_card .paywcc span
{
    display: inline-block;
    width: 100%;
    border-bottom: dashed 1px #c5e7ef;
    line-height: 36px;
}
.float-margin{ margin: auto !important; float: initial !important;}
#btnFakedisabled.button{background: #54ac9d !important; -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}

    #btnFakedisabled.button:hover{background: #ebae00 !important;}

#divkeyin.select_card .paywcc span input
{
    float: left;
    margin: 5px 7px 0 0;
}


#divkeyin.select_card .popkeyin #divinfile{display:none}
#divkeyin.select_card .popkeyin #divinfile #lblinfile
{
margin: 0 0 20px;
display: inline-block;
width: 100%;
}

#divkeyin.select_card #btnccpay
{
    float: left;
}

#divkeyin.select_card #btnccpay
{
    float: left;
    margin: 0 10px 0 0;
}

#divkeyin.select_card .new
{
    float: right;
}

.paywith-new-card.theme_black_btn {
 
    color: #fff;
    background: #7accbc;

}

.cartmain .right .payment .rght .new a:hover {
    background-color: #ebae00 !important;
    color: #fff;
}
#divcardnm{width:380px}
#divcardnm input[type='text']{width:250px;margin-left:10px}

.theme_color {
color: #f10909;
}


.cartmain .right .payment .paybtmbtn {
    width: 100%;
    margin-top:10px;
    text-align: left;
}

.cartmain .right .payment .paybtmbtn a{
    background: #5e7672;
    color: #fff;
    padding: 5px 31px;
    float: left;
    margin: 2px 15px 0 0;
    border-radius: 3px;
    border: none;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.top-area #main-nav ul li .btn:hover {
    color: #e5ad00;
}
.top-area #main-nav ul li .btn:hover i{color: #fff; background: #e5ad00;}

.invoice_summery .row input{
border-radius: 0;
}

/* .invoice_summery .row:nth-child(even) {
background: #f1f1f1;
} */

.invoice_summery .paymsg
{
    font-size: 12px;
}

#btnmanpay .invoice_summery .row a
{
float: left;
margin: 2px 15px 9px 0;
}


#lblstpepcs {
margin: 10px 0;
}

.swpfrm #divMainIFrame {
    background: #ffff !important;
}

#divkeyin
{
    padding: 25px;
}

#divkeyin.select_card {
  
    min-height: 345px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
    
}

.divstrvpay {
display: none;
}


.divstrvpay .input-group-lg input {
width: 100%;
margin: 0;
}

.divstrvpay .input-group-lg .form-control {
border-radius: 0;
}

.after_login_nav {
display: inline-block;
width: 100%;
}

.after_login_nav li {
display: inline-block;
width: 100%;
}

.after_login_nav li a {
display: block;
float: left;
width: 100%;
text-align: left;
padding: 10px;
font-size: 17px;
background: #fff; color: #222a2e; padding-left: 10px;
border-bottom: solid 1px #e8ebeb;
}

.after_login_nav li a:hover{ background: #7accbc; color: #fff !important;}
.after_login_nav li a:hover i{ color: #fff;}

.after_login_nav li a span{
    width: 37px;
    display: inline-block;
}

.after_login_nav li a span img{
    width: 100%;
}

.after_login_nav li a:hover {
color: #f10909;

}

.after_login_nav li:last-child a {
border-bottom:0;
}

.payment h3
{
    text-align: center;
}



.cartmain .orders h1 {
text-align: left;
background: #fff;
margin: 0;
padding: 0;
font-size: 20px;
}



.crit {
display: inline-block;
width: 100%;
margin: 15px 0;
}

.crit .input-group {
width: 40%;
float: left;
}


.crit .input-group .form-control {
border-radius: 0;
}

.crit .input-group label {
float: left;
margin: 5px 10px 0 0;
}

.crit .input-group select, .crit .input-group input {
width: 70%;
}


.crit  .btncls {
float: right;
}


#lblorddt2
{
display: inline-block;
width: 100%;
float: left;
background: #f9f9f9;
margin: 0 0 20px 0;
}


#lblorddt2 .container_header a {
margin: 0 0 0 4px;
float: right;
-webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.btn-success {
    color: #fff;
    background-color: #7accbc;
    border-color: #6dbdad;
}

#lblorddt2 .container_header {
float: left;
width: 100%;
padding: 10px 0;
border-bottom: dashed 1px #dedede;
background: #f3fdff;
}

#lblorddt2 .container_header ul {
text-align: left;
width: 100%;
padding: 5px 0;
}


#lblorddt2 .container_header ul li {
display: inline-block;
margin: 0 20px 0 0;
background: #fff;
border: dashed 1px #a1e7d9;
 padding: 5px;
}
#lblorddt2 .container_header ul li span{ border-left: transparent; padding: 0;}

.cmn-hd h2 {
    font-size: 20px;
    margin-bottom: 0;
    background: #f3fdff;
    padding: 10px;
}

#lblorddt2 .container_header li p {
float: left;
margin: 0;
text-align: left;
}

#lblorddt2 .container_header li span:nth-child(2) {
width: 64px;
display: inline-block;
text-align: center;
width: 15px;
}

#lblorddt2 .container_header li span {
font-weight: bold;
}


#lblorddt2 .container_body {
background: #fff;
float: left;
text-align: left;
padding: 25px 0;
width: 100%;
}

#lblorddt2 .container_body h3 {
margin: 0;
font-size: 16px;
}

.sep-border{border-right: dashed 2px #c2e7ef;}


#lblorddt2 .container_body p {
margin: 0;

}


.billingx .input-group  
{
width: 100%;
margin: 10px 0;
}

.billingx .input-group label {
float: left;
width: 40%;
}

.billingx .input-group .form-control 
{
float: left;
border-radius:10px;
width: 55%; 
}

.billingx .update_button 
{
text-align: center;
}

.billingx .update_button .theme_btn
{
float: none;
display: inline-block;
}



.pass .input-group
{
display: inline-block;
width: 100%;
margin: 10px 0;
}

.pass .input-group label
{
float: left;
width: 30%;
}

.pass .input-group .form-control
{
float: left;
width: 50%;
border-radius:0; 
}


.pass .change-pass-insturution
{
text-align: center;
}

.pass .change-pass-insturution .theme_btn
{
float: none;
display: inline-block;
}



#divpkggrp .modal-header {
background: #f8f8f8;
}


#divpkggrp .input-group
{
width: 100%;
margin: 7px 0 0 0;
}

#divpkggrp .input-group label
{
float: left;
margin: 5px 10px 0 0;
}

#divpkggrp .input-group .form-control
{
width: 80%;
float: left;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}


#divpkggrp #lblpkgimg853 {
float: left;
}


#divpkggrp .image_text
{
float: left;
margin: 0 0 0 20px;
}


#divpkggrp .image_text h4
{
margin: 0;
}


.custom-modal .modal-dialog .modal-content .modal-body #pkgrowspin .pkgtab div .list-title a {
    float: left;
    background: #33cc66 url("../images/editcart.png") no-repeat scroll center;
    color: #fff;
    padding: 5px 10px 1px 25px;
    font-size: 18px;
    margin: 0 0 5px 10px;
    border-radius: 4px;
    background-size: 40px;
    background-position: -4px -6px;
}

#divpkggrp .image_text p
{
margin: 0;
float: left;
}


#divpkggrp  .theme_btn, #divpkggrp  .theme_black_btn {
margin: 2px 0 0 10px;
font-size: 16px;
width: 100%;

}


#divpkggrp #pkgrowspin {
display: inline-block;
width: 100%;
padding: 15px 0;
}


#divpkggrp #lblpkgnbrtxt {
margin: 0;
font-size: 18px;
}

#divpkggrp  .modal-dialog .modal-body
{
height: auto;
}

.cart
{
display: inline-block;
border: solid 1px #f0f0f0;
background: #fff;
-webkit-border-top-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-bottomright: 20px;
border-top-left-radius: 20px;
border-bottom-right-radius: 20px;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;

}

.cart #lblcartbody .btnedt
{

}

.cart .delivery_status span:first-child {
    float: left;
    color: #000;
}


.cart .delivery_status span:last-child {
    float: right;
    color: #000;
}




#pkgrowspin .product_img {
float: left;
}

#pkgrowspin .input-group h4 {
float: left;
margin: 10px 0 0 0;
margin-bottom: 0px;
}

#pkgrowspin .pkgtab .row {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}

#pkgrowspin .pkgtab .row:nth-child(2n+1) {
padding: 15px 0;
}


.delivery_status {
text-align: center;
}



.foot {

display: inline-block;
background: #f8f8f8;
padding: 10px 0;
width: 100%;
}

.cart .foot h4 {
float: left;
margin: 0;
font-size: 16px;
}

.cart .foot h3
{
float: right;
margin: 0;
font-size: 22px; color: #ff7800;
}


.product-listing .theme_black_btn {
padding: 12px;
font-size: 20px;
}


.cartmain .right .dtlmain .shopcart a {
    width: 40px;
    display: inline-block;
    height: 40px; margin-top: 10px;
}

#gclst table th{background: #f3fdff !important;}
#gclst table .table-bordered{}


.cartmain .right .dtlmain .shopcart .btnedit {
    background: url("../images/btnedit.png");
    background-size: 100%;
}

.cartmain .right .dtlmain .shopcart .btndel {
    background: url("../images/btndel.png");
    background-size: 100%;
}

#divcart.cart {
    border: none;
}

#divcart.cart h3 {
    display: inline-block;
    text-align: left;
    width: 100%;
    margin: 0 0 0 0;
    padding: 10px;
}

.cpncolR.gratuity 
{
    float: right;
    width: 100%;
}


.cpncolR.gratuity .gratuity_text {
    float: left;
    margin: 10px 0 0 0;
}

.gratuity .input-group
{
    width: 100%;
}

.gratuity .input-group label
{
    float: left;
    text-align: left;
}

.gratuity .input-group label span
{
    width: 100%;
}

.gratuity .input-group span
{
float: left;
width: 50%;
}


.gratuity .input-group #lbltippctdsp span
{
    float: left;
    width: 20%;
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-radius: 0;
    background-image: url("../images/drop-down-arrow.png") !important;
    background: no-repeat;
    background-position: right;
}

.cartmain .right .billing {
    width: 100%;
    padding: 5px;
    margin-top: 20px;
    display: none;
    text-align: left;
    min-height: 768px;
}

.select_address {
    width: 100%;
    display: inline-block;
}

.cartmain .right .fnlz {
text-align: center;
}

.cartmain .right .fnlz .fiwork-with-smily
{
background: url('../images/thankyou-firwork.png') no-repeat center;
background-size: auto auto;
padding: 40px 0;
background-size: 100%;
}

.cartmain .right .fnlz h2 {
font-size: 25px;
line-height: 40px;
}

.not
{
    display:none;
}

.smlcntanr #divcontainer{width: 500px!important;min-width: 500px!important}
.smlcntanr #divcontainer .toplft li{width: 100%;}
.smlcntanr #divcontainer .toplft #divmnudisc{padding-right: 50px;}
.smlcntanr #divcontainer .odrBtnBar #btnclear{display:none!important}
.smlcntanr #divcontainer #divpopbody{display:none}

.smlcntanr{}
.smlcntanr .add-on-container{display:none!important}
.smlcntanr .row-fluid div{width:100%!important;}
.smlcntanr .row-fluid #lblpopedtimg{display: block!important;text-align: center;margin-bottom: 20px;}
.detailpro-img{ width: 100%; display: block; text-align: center;}
.detailpro-img img{ max-width: 100% !important; max-height: initial !important; }
.smlcntanr .modal-body{padding:0px!important;overflow-y:auto!important}
.smlcntanr #dtlpopTprx{}
.smlcntanr #dtlpopTprx span{display:inline!important;padding-left:10px!important} 
.smlcntanr textarea{width:150px!important}
.smlcntanr #divmenudtlbod{height:auto!important}
.smlcntanr #divmenudtlwrap{width:500px!important;height:auto!important;}
.logo-text{}

.smlcntanr{max-width: 60%;text-align: center;margin: 0 auto;}

#lbllstsel{display: block;clear: left;font-weight:400;color: green;font-size: 16px;}


.specials-offer_button {
    background: url('../images/dettached_bg.png') no-repeat 100%;
    height: 60px;
    background-size: 100%;
    box-shadow: 0px 2px 0px 2px rgba(0,0,0,0.5);
    overflow: hidden;
    border-radius: 10px;
}

.specials-offer_button span {
    font-size: 25px;
}

.specials-offer_button span.black
{
    color: #000;
}

.specials-offer_button span.red
{
    display: block;
    text-align: center;
    color: #f10909;
    font-weight: bold;
    font-weight: bold;
    padding: 2px 0 0 45px;
}
#lblstoresdd{display:none}
.dlvrysel{width:auto!important;margin-bottom:20px!important}
.dlvrysel label{width: auto!important;white-space: nowrap;margin-right:10px!important;} 
.dlvrysel input[type="radio"]{margin-right:50px;margin-left:10px}

#lbldspltr01{display:block}
#lbldspltr01 span{display:inline-block;}
.brdrdot{background:#fff;border: 1px #fff dashed;color:#fff !important}
.brdrdot:before {content: "\f00c";font: normal normal normal 16px / 1 FontAwesome; margin-right: 5px; color: #fff;}
.brdrdot:hover{background:#f10909}
#divrewrd2{display:none}
.reward_points{
background: #f4fdff;
padding: 4px 8px;
border: 2px dashed #7accbc;
font-size: 15px;
color: #616161;
font-weight: bold;}
.fakebtn{display:none;width:100%;text-align:center;margin:auto}
.fakebtn a{padding: 16px;width: 150px;text-align: center;border-radius: 10px;}





/* takeout 2024 */
body{}
.pop-overlay-bg, .modal{ background: url("../images/pop-bg01.png") no-repeat;}
.bg-white{ background: #fff;}
.p-2 { padding: .5rem !important;}
#divmenudtl .modal-content, #divmenudtl .modal-header{-webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: dashed 1px #fff;}
    .cartmain .right .dtlmain{ margin-top: 0 !important;}
    .mt-30{ margin-top: 30px;}
.srch-alrg { border-bottom: dashed 1px #dfdfdf; display: inline-block; margin: 0 20px; width: 96%;}
.pro-txt01 { height: 120px; overflow-y: auto; scrollbar-color: #c6e1e7 #f4fdff; scrollbar-width: thin; margin-bottom: 40px;}
#lblcartbody.body td p{ display: block !important;}
.header-area .header-area2 .container-fluid{}
.header-area .header-area2 .container-fluid {background: #fff !important; box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px; }
.wrap-main{ background: #fff; padding: 10px; box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px; width: 100%; margin: auto;  margin-bottom:0;}
.float-left{ float: left;}
.float-right{ float:right;}
#top-main-nav, #main-nav{ padding: 0;}
#main-nav .btn-default{ border: none; background: none; padding: 5px !important;}
#main-nav .btn-default:hover{ color: #50aa75;}
#main-nav .btn-default i{ width: 40px; height: 40px; border: solid 1px #ececec; border-radius: 50%; text-align: center; line-height: 36px; color: #fff; background: #6dccbc;}
.main-srch{ margin-top: 30px; border-radius: 10px;}
.main-srch input[type="text"]{ padding: 25px !important; border: solid 1px #d7dbdc !important; background: none !important; font-size: 22px !important; padding-left: 50px !important;}
.main-srch .fa-search{position: absolute;left: 30px;font-size: 25px; top: 15px;}
.alergenfltr2 {background: #6dccbc; color: #fff;padding: 10px 15px;display: inline !important; float: right; font-size: 17px; margin-top: 3px; cursor: pointer; -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
.alergenfltr2 i{ margin-left: 5px;}
#lblcatlist .col-md-4{ padding-left: 7px; padding-right: 7px;}
.product-listing .fa-cart-plus{ background: #6dccbc; font-size: 25px; padding: 10px; color: #fff; cursor: pointer; position: absolute; right: 10px; bottom: 10px; z-index: 20; -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
.product-listing .fa-cart-plus:hover{background: #f1af21; text-decoration: none;}
.pro-img01 img{ max-width: 100%; height: 150px; cursor: pointer; border-radius: 10px; margin-bottom:0;}
.product-listing h3{ margin-bottom: 10px; font-size: 18px; text-align: center; margin-top: 10px;}
.product-listing .allergens{position: absolute;bottom: 10px; left: 5px;}
.width-100{ width: 100%;}
.pro-price{font-size: 18px; color: #6dccbc;font-weight: 800; padding: 5px; margin-top: 4px; display:block; border: none !important; left: 0; background: none!important; text-align: center;}
.rating {color: #222; font-size: 16px; text-align: center; float: left; width: 100%;}
.rating i{ color: #ff6f01; font-size: 20px; margin-right: 7px;}
.p-adjst01{ padding-left: 7px; padding-right: 7px;}
#lblcartbody table tr{ margin: 5px 10px 20px 10px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
h3#lbldtlhdr {margin-bottom: 0;}
span#lblpopedtimg img {}
#dtlpopqty .fa-plus-circle, #dtlpopqty .fa-minus-circle{ font-size: 36px; color: #6dccbc; float: left; margin: 4px 5px 0 5px;}
#txtperqty{ float: left; text-align: center;}
#dtlpopqty h5 {display: block; margin-bottom: 10px;}
#dtlpopqty{width: 100%;float: left; margin-bottom: 15px;}
.list span {padding-top: 5px; background: #fbfdff; margin-bottom: 3px !important; border-left: solid #ddeff3; padding-left: 10px; border-bottom: solid 1px #ddeff3;}
.main-srch h3{ margin-bottom: 0; margin-top:0; padding-left: 10px; font-size: 24px; font-weight: 500; color: #333; text-align: center;}
#lblnotepop .fa-file{ font-size: 20px;}
span#lblmnugrplst {display: block;}
#lblmnugrplst a:before { content: "\f03a"; margin-right: 5px; font: normal normal normal 14px / 1 FontAwesome; color: #6dccbc;}
.checkout-progress{ position: relative;  margin:0; width: 100%;}
.checkout-progress:before{content: ''; position: absolute; bottom: 50%; border-bottom: 5px #7accbc solid; width: 100%; z-index: 0;}
.ico-circle{ width: 40px; height: 40px; border-radius: 50%; background: #7accbc; float: left; margin-right: 10px; text-align: center; margin-top: 6px; position: relative;}
.ico-circle i{ font-size: 25px;color: #fff;line-height: 44px;}
.checkout-progress h3{ padding-bottom: 15px; font-size: 13px; color: #535151; margin-top: 8px;}
.last-dot{ width: 18px; height: 18px; position: absolute;  background: #7accbc; border-radius: 50%; right: -3px; top: 17px;}
span#lblcartmstx1, span#lblcartmstx2 {font-weight: 700; color:#e50404; padding-left: 5px;}
.spacing01{padding: 7px; margin-top: 10px;}
.spacing01 span.space{ padding-top: 7px;}
.spacing01 label.switch{ margin-left: 10px; margin-top: 5px; margin-right: 10px;}
.d-inline-block{ display: inline-block !important;}
.cartcpn p{ padding: 0;}
.pr-0{ padding-right: 0 !important;}
.schedule_date .input-group{ width: 100%; border-radius: 10px;}
.width-text{ width: 100%; text-align: left;}
.width-70{ width: 70%;}
.pkp-border{border: dashed 1px #c3cfe5; padding: 5px 15px; cursor: pointer; width: 48%; margin-right: 5px !important; text-align: left !important; border-radius: 10px;}
.pkp-border input[type=radio] + label{ margin-right: 0;}
.cartmain .right .dtlmain .shopcart .btnedit, .cartmain .right .dtlmain .shopcart .btndel, .cart .body .btnedt, .cart .body .btndel, .cart .body .commonbtn{ background: none;}
.cartmain .right .dtlmain .shopcart .btnedit:before, .cart .body .btnedt:before{content: "\f044"; font: normal normal normal 14px / 1 FontAwesome; font-size: 25px; color: #6dccbc;}
.cartmain .right .dtlmain .shopcart .btndel:before, .cart .body .btndel:before{content: "\f014";font: normal normal normal 14px / 1 FontAwesome; font-size: 25px; color: #7d7c7c;}
.cart .body .commonbtn:before {content: "\f0c5";font: normal normal normal 14px / 1 FontAwesome; font-size: 25px; color: #666; margin-right: 5px; float: left;}
.cart .body .commonbtn{ padding: 5px;}
.lnprz { float: right; margin-right: 10px; font-size: 18px !important; font-weight: 800 !important; color: #6dccbc !important; margin-top: 8px;}
.registered{border: 2px dashed #d4f4fb; padding: 17px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); transition: box-shadow 0.3s ease-in-out; margin-bottom: 20px;position: relative;background: #fff;}
.registered h3 i{ color: #7accbc; font-size: 22px;}
.bg-dark{ background: #666 !important;}
.pword p{ margin: 5px 0 !important;}
.pword p i{ margin-right: 5px;}
.mrt-30{margin-top: 30px ;}
.after_login_nav i{ color: #7accbc; font-size: 20px;}
#divreg h3{background: #f3fdff;padding: 7px; font-size: 18px; margin-bottom: 10px;}
#divbilling h3{background: #f3fdff;padding: 7px; font-size: 18px; margin-bottom: 10px;}
#divreg .fa-arrow-right{color: #7accbc;}
.switch-btn-block { width: 60% !important;}
.switch-btn-block .alergnSel p{ width: 33%; float: left; border: 1px dashed #c7ebf3 !important;padding: 5px 10px; margin: 0 !important;line-height: normal;}
.switch-btn-block .alergnSel p input{ height: auto !important;}
.switch-btn-block .modal-body{ height: 370px !important;}
.switch-btn-block .alergnSel p input:checked + .slider {background-color: #6dccbc;}
.switch-btn-block .alergnSel p label{ font-weight: 600 !important; }
span#dtlpopTprx h4 { margin-top: 13px;}
#lblnotepop{ margin-top: 10px;}
.d-inline{ display: inline;}
.mr-0{ margin-right: 0;}
#lblcartdtl table td:nth-child(3) span{ text-align: left !important; color: #6dccbc; font-weight: 600; font-size: 14px; border-bottom: dashed 1px #f1f1f1;}
#lblcartdtl table th:nth-child(3){ text-align: left !important;}
#lblcartdtl table th:nth-child(5), #lblcartdtl table th:nth-child(6), #lblcartdtl table td:nth-child(5), #lblcartdtl table td:nth-child(6){ text-align: right !important;}
.blng-brdr{display: inline-block;width: initial;background: #fff; border: dashed 1px #84ccbc; padding: 5px 15px; margin-right: 10px; border-radius: 10px;}
span.blng-brdr input[type="radio"] { margin-right: 0;}
.pro-img01 { width: 100%; text-align: center; background-color: #f3fdff; -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;}
.mt-20{margin-top: 20px;}
.nav-bg01{margin-top: 7px;}
.srch02 {position: relative;}
.srch02 .fa-search {position: absolute;right: 0; font-size: 23px; top: 0; background: #6dccbc;color: #fff; height: 50px;line-height: 50px; padding: 0 13px;cursor: pointer;}
.srch02 .fa-search:hover { background: #e4ad00;}
.srch02 input[type="text"]{border: solid 1px #e5e5e5 !important; background:#fff; font-size: 20px !important; padding-left: 15px !important;height: 50px !important;}
.cart-btn01{ border-radius: 15px; padding:0;}
li.cart-btn01 a {font-size: 17px !important;font-weight: 700;}
#main-nav .btn-default i span {position: absolute; width: 30px;height: 30px;background: #ff6f6f; border-radius: 50%; top: 0; color: #fff;}
.ml-2 {margin-left: 0.5rem !important;}
.cart-pop01 .cart{ display: block;}
.cart-pop01 .modal-dialog .modal-body{ height: 73vh !important;}
.cart-pop01 h3 {margin-bottom: 0;}
.cart-pop01 button.close{ background: none; color: #666;}
.white-bg-img{ }
.d-block{ display: block;}
.fixed-leftmenu{}
.mt-15{ margin-top: 15px;}
.brdr02{border: dashed 1px #c3cfe5; border-radius: 10px; margin-top: 10px; padding: 10px;}
.brdr02 span{ width: 30%;}
#nav-tabs-wrapper h3{ margin-bottom: 10px !important; text-align: left;}
.cnt-bg01{}
ul.sub-nav {background: #f5f5f5; padding: 20px; float: left; width: 100%; margin-top: 10px;}
ul.sub-nav li{ display: inline;}
ul.sub-nav li a{ background: #fff; border-radius: 20px; padding: 10px 15px; color: #666; margin-right: 10px; font-size: 18px; float: left; font-weight: 600;}
ul.sub-nav li a i{ margin-right: 10px; font-size: 20px; background: #ffecf0; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px;}
ul.sub-nav li a:hover, ul.sub-nav li a.active{background: #50aa75; color: #fff;}
.pl-0 { padding-left: 0;}
ul.sub-nav li a:hover i{ background: #fff; color: #50aa75;}
.cmn-bx{ border: dashed 1px #d7e0ef;float: left; background: linear-gradient(to right,  rgba(255,255,255,1) 33%,rgba(255,255,255,1) 40%,rgba(255,255,255,0) 100%); box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; width: 100%;}
.d-flex {display: -ms-flexbox !important; display: flex !important;}
.flex-fill { -ms-flex: 1 1 auto !important;flex: 1 1 auto !important;}
.adjst-column01{width: 20.666667%;}
.adjst-column02{width: 79.333333%;}
.cart .body td p:before { content: "\f192"; font: normal normal normal 14px / 1 FontAwesome; color: #6dccbc; margin-right: 3px;}
.cartmain .right .dtlmain table tr { border-bottom: dashed 2px #e1eef1;}
.bg01{ background: #eef4ff;}
#lnkLylty{ display: inline-block !important;}
#divcouponlist table{ width: 50% !important; border: none !important;}
#divcouponlist table th{ border: none !important; background: #f0f6f7; border-bottom: solid 5px #fff !important; border-left: solid 5px #e9f0f1 !important;}
#divcouponlist table td{ border: none !important; background: #f4fdff; border-bottom: solid 5px #fff !important; border-left: solid 5px #e4edef !important;}
#divcouponlist table th:before {content: "\f06b";font: normal normal normal 18px / 1 FontAwesome; margin-right: 5px;color: #7accbc;}
#btnrmckout{display:none}
div#lblcpngraty .btncls { margin-bottom: 10px;}
div#lblcpn a.theme_btn { height: auto !important; font-size: 12px; padding: 10px 10px;}
.smlcntanr { background: none;}
#lblgrpordrlst table td .fa { font-size: 22px; color: #f66d29;}
#txtgNote, #txtgInvtes{ height: 13vh !important;}
.row.border-bottom {border-bottom: dashed 1px #cae8ef;}
a#btnpaypop {background: #217585 !important;}

div#divordrsumm h3 { background: #f3fdff; padding: 7px; font-size: 18px; margin-bottom: 10px;}
#lblordrsumm table tr { border-bottom: dashed 2px #e1eef1;}
#lblordrsumm table tr th {line-height: 25px;color: #333; font-weight: bold; padding: 15px 0;font-size: 15px; background: #f3fdff;}
#lblordrsumm table tr td div {font-weight: bold; font-size: 17px !important;}
#lblordrsumm table tr td:nth-child(3) span {color: #cd670c !important; float: left; margin-right: 10px;}
#lblordrsumm table tr td p{ margin-bottom: 0;}

.w-50{ width: 50% !important;}
iframe#frmkeyin {width: 75%;}
.ht-pay{height: 90vh !important;}
.m-left{ margin: 0 0 0 auto !important;}
.b-radius0{ border-radius: 0 !important;}
#lblgrpordrlst .btnedt {margin-top: 13px; margin-bottom: 0;}

@media only screen and (max-width : 1920px) {
span.schedule_date .input-group a {margin: 6px 5px;}
.sml-rsltn .col-md-2.logo {width: 23%;}
.sml-rsltn .col-md-6.nav-bg01 {width: 45%;}
.col-md-4.pull-right.flt-none { width: 32%;}
}

@media only screen and (max-width : 1440px) {
    .header-area2 .navbar-default .navbar-nav>li>a{ font-size: 15px !important;}
    #lblwlchdr{ font-size: 12px;}
}

@media only screen and (max-width : 1280px) {
#lblwlchdr{ font-size: 11px;}
.header-area2 .navbar-default .navbar-nav>li>a{ font-size: 14px;}
}

  @media only screen and (max-width : 1366px) {
.allergens li .prepTime{ font-size: 1rem !important;}
.custom-navber a{ font-size: 1rem;}
.cartmain{ width: 97%;}
   .header-area2 .navbar-default .navbar-nav>li>a{ font-size: 14px !important;}
    #lblwlchdr{ font-size: 12px;}

  }

@media only screen and (max-width : 992px) {
.modal-dialog .modal-content .modal-body span img{ max-width:100% !important}}
.coupons table{margin-top: 15px;}
.coupons table tr th, .coupons table tr td{border: 1px solid #939393;padding: 5px;font-weight: normal;}

.allergens{display: block!important;width: 100%!important;text-align: left;max-width: 100%!important;float: left!important;}
.allergens ul{display: inline-block;}
.allergens li{display: inline;margin-right: 3px;}
.allergens li a{display: inline-block;vertical-align:middle}
.allergens li a img{width: 25px;}
.allergens li .prepTime{color:#6a6a6a!important;font-size: 20px;border: 2px dotted;margin: 0px 0px!important;display: block;padding: 3px!important;}
.allergens li .prepTime i{margin-right: 5px;vertical-align:middle} 
.nutritionBtn{font-size: 12px;display: block;text-align: center;border: 3px solid #004D12;font-weight: 600;color: #004D12;margin-top: 5px;} 

.prepTime .prepTM{display:inline!important;float: none!important;font-size: 16px!important;color:#666!important;font-weight:bold}
.prepTime .prepTM b{display: inline!important;font-size: 16px!important;color:#666!important}

.nutritionbox{background: #f5f5f5;border: 5px solid #e3e2e2;}
.nutritionbox table th{text-align: center;font-size: 20px;}
.nutritionbox table td{font-size: 16px;} 

#lstalergen{display:block;width:100%}
#lstalergen img{max-width:40px}
#lstalergen table td{padding:5px}
#divdietpop{width: 500px;z-index: 50 !important;display:none;padding-right: 17px;margin: auto; z-index: 110 !important;}

.preparationWrap h3 {font-size: 17px;margin-bottom: 8px;background: #f5f5f5; padding: 8px; margin-top: 10px;}
.preparationWrap .form-group { margin-bottom: .5rem;}

#lstpreptmdiv{border:2px dotted #333;margin: 10px;width: 94%;text-align: center;padding: 10px 0px 0px 1px;height: 50px;background: #f9f9f9;}
#lstpreptmdiv span{display:inline-block;padding:30;font-weight:16px;font-weight:bold}
#lstpreptmdiv h5{display:inline-block;font-weight:20px;font-weight:bold;padding-right:10px}
.alergenfltr{display:none;position:absolute;right:5px;border:2px dotted #333;background:#f1f1f1;min-width:100px;margin-top:5px;cursor:pointer}
.alergenfltr #alergnfltr1{display: inline-block;padding: 3px 5px 2px 5px;}
.alergenfltr i{font-size:24px;color:#666}
#lstalergen .alergnSel p label:nth-child(1){min-width:215px;vertical-align: top;padding-top: 7px;font-weight: 500;font-size: 16px;}
#lstalergen .alergnSel p {border-bottom:1px solid #666}

.table-responsive {display: block;width: 100%;overflow-x: auto; -webkit-overflow-scrolling: touch;}
.modal .modal-dialog table th { font-size: 14px; padding: 10px 0; color: #444;background: #e6e7ea;padding:10px;}
.table-wrapper{padding: 20px 25px;box-shadow: 0 0 9px #ccc; background: #fff; margin: 20px 30px;border-radius:10px;}
.modal .modal-dialog table td {border-bottom: 1px solid #dee2e6; padding: 10px;}
input[type="radio"], input[type="checkbox"] { margin: 0px 0px 0px;}

.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input {opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #c8e0e5;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 26px;width: 26px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;}
input:checked + .slider {background-color: #2196F3;}
input:focus + .slider {box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {-webkit-transform: translateX(26px);-ms-transform: translateX(26px);transform: translateX(26px);}
.slider.round {border-radius: 34px;}
.slider.round:before { border-radius: 50%;}
button.dropdown-toggle{background:#fff!important;color:#008BDC!important;border:0px!important}
button.dropdown-toggle span{color:#008BDC;}
.cart-pop01{ width: 30% !important; right: 0 !important; left: auto !important;}
.cart-pop01 .modal-dialog{ max-width: 100% !important; margin: 0 !important;}
.cart-pop01 .modal-body table{ width: 100%;}
.progress-bg{ background: #fff; padding: 10px 10px 0px 10px;}
.modal-content{
    -webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: dashed 1px #fff;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.w-100{ width: 100% !important;}
div#mobtoplog a img {
    display: none;
}
#lblordrsumm table th:nth-child(1){ display:none;}
#lblordrsumm table td:nth-child(1){ display:none;}
#lblordrsumm table th:nth-child(2){ text-align: left;}
#lblordrsumm table td:nth-child(2){ text-align: left;}
#lblordrsumm table th:nth-child(3){ text-align: left;}
#lblordrsumm table td:nth-child(3){ text-align: left;}
#lblordrsumm table th:nth-child(4){ text-align: center;}
#lblordrsumm table td:nth-child(4){ text-align: center;}
#lblordrsumm table th:nth-child(5){ text-align: right;}
#lblordrsumm table td:nth-child(5){ text-align: right;}
#lblordrsumm table th:nth-child(6){ text-align: right;}
#lblordrsumm table td:nth-child(6){ text-align: right;}
#lblordrsumm table th:nth-child(7){ display:none;}
#lblordrsumm table td:nth-child(7){ display:none;}

#divpaypop .modal-content, #divpaypop .modal-header{-webkit-border-top-left-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-bottomright: 30px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border: dashed 1px #fff;}
#divpaypop .modal-body{height:500px;}
#divpaypop iframe{border: solid 1px #c8e1e6;margin-top: 10px;}
.ht-01{height: 600px;
  scrollbar-color: #cdedf9 #ffffff;
  scrollbar-width: thin;
  overflow-y: auto;}





@media (min-width: 768px){
.header-area .hideAlways{display: none!important;}
}


@media only screen and (max-width : 600px) {
    .top-area #main-nav ul{ float: none !important;}
    .flt-none{ float: none !important;}
    .registered .btncls a, .signup .btncls a{ font-size: 14px !important;}
}

.bcal-container{ z-index: 10000 !important;}
div#divgrpordrpop label b {color: red;}
.min-w50{ min-width: 50% !important;}