.flex-grow-1 {flex-grow: 1; }
.flex-grow-0 {flex-grow: 0; }
.flex-shrink-1 {flex-shrink: 1; }
.flex-shrink-0 {flex-shrink: 0; }

/* -- Fonts -- */
@font-face{
    font-family:'OrderUpThin';
    src:url('../fonts/orderup/Orderup-RoundLarge.eot');
    src:url('../fonts/orderup/Orderup-RoundLarge.eot?#iefix') format("embedded-opentype"),
    url('../fonts/orderup/Orderup-RoundLarge.woff') format("woff"),
    url('../fonts/orderup/Orderup-RoundLarge.otf') format("truetype"),
    url('../fonts/orderup/Orderup-RoundLarge.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family:'OrderUpDefault';
    src:url('../fonts/orderup/Orderup-RoundRegular.eot');
    src:url('../fonts/orderup/Orderup-RoundRegular.eot?#iefix') format("embedded-opentype"),
    url('../fonts/orderup/Orderup-RoundRegular.woff') format("woff"),
    url('../fonts/orderup/Orderup-RoundRegular.otf') format("truetype"),
    url('../fonts/orderup/Orderup-RoundRegular.ttf') format("truetype");
    font-weight: normal;
    font-style: normal;
}

.ou-icon {
    display: inline-block;
    font: normal normal normal 35px/1 "OrderUpDefault";
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.ou-icon-thin {
    display: inline-block;
    font: normal normal normal 35px/1 "OrderUpThin";
    font-size: inherit;
    text-decoration: inherit;
    text-rendering: optimizeLegibility;
    text-transform: none;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

.ou-ic-location:before{content:"\f700";}
.ou-ic-coupon:before{content:"\f701";color: #737377;}
.ou-ic-email:before{content:"\f702";}
.ou-ic-lock:before{content:"\f703";}
.ou-ic-phone:before{content:"\f704";}
.ou-ic-total-price:before{content:"\f705";}
.ou-ic-profile:before{content:"\f706";}
.ou-ic-power:before{content:"\f707";}
.ou-ic-search:before{content:"\f708";}
#main-nav .ou-ic-delivery:before, #main-nav .ou-ic-pickup:before,
#main-nav .ou-ic-roomservice:before, #main-nav .ou-ic-dinein:before{color:#ae875d;font-size: 20px;line-height: 31px !important;}
.ou-ic-delivery:before{content:"\f709";}
.ou-ic-pickup:before{content:"\f70A";}
.ou-ic-dinein:before{content:"\f70B";}
.ou-ic-dine:before{content:"\f70B";}
.ou-ic-clock:before{content:"\f70C";}
.ou-ic-minus:before{content:"\f70D";}
.ou-ic-plus:before{content:"\f70E";}
.ou-ic-navigation:before{content:"\f70F";}
.ou-ic-heart-empty:before{content:"\f710";}
.ou-ic-heart-full:before{content:"\f711";}
.ou-ic-checkout:before{content:"\f712";}
.ou-ic-left:before{content:"\f713";}
.ou-ic-down:before{content:"\f714";}
.ou-ic-right:before{content:"\f715";}
.ou-ic-up:before{content:"\f716";}
.ou-ic-close:before{content:"\f717";}
.ou-ic-letter-v:before{content:"\f718";}
.ou-ic-letter-g:before{content:"\f719";}
.ou-ic-letter-d:before{content:"\f71A";}
.ou-ic-edit:before{content:"\f71B";}
.ou-ic-delete:before{content:"\f71C";}
.ou-ic-security:before{content:"\f71D";}
.ou-ic-tick:before{content:"\f71E";}
.ou-ic-eye:before{content:"\f71F";}
.ou-ic-eye-hide:before{content:"\f720";}
.ou-ic-help:before{content:"\f721";}
.ou-ic-paypal:before{content:"\f722";}
/*.ou-ic-zip:before{content:"\f722";}*/
.ou-ic-credit-card:before{content:"\f723";}
.ou-ic-cash:before{content:"\f724";}
.ou-ic-history:before{content:"\f725";}
.ou-ic-error:before{content:"\f726";}
.ou-ic-circle-tick:before{content:"\f727";}
.ou-ic-circle-profile:before{content:"\f728";}
.ou-ic-circle-help:before{content:"\f729";}
.ou-ic-circle-alert:before{content:"\f72A";}
.ou-ic-forward:before{content: "\f750";}
.ou-ic-skip:before{content: "\f751";}
.ou-ic-korean:before{content: "\f731";}
.ou-ic-roomservice:before{content: "\f735";}
.ou-ic-asian:before{content: "\f732";}
.ou-ic-pizza:before{content: "\f733";}
.ou-ic-other:before{content: "\f734";}
.ou-ic-sushi:before{content: "\f72F";}
.ou-ic-bbq:before{content: "\f730";}
.ou-ic-chicken:before{content: "\f72B";}
.ou-ic-burger:before{content: "\f72C";}
.ou-ic-coffee:before{content: "\f72D";}
.ou-ic-noodles:before{content: "\f72E";}

@font-face {
    font-family: 'Oswald Italic';
    src: url('../fonts/oswald/oswald-regularitalic-webfont.eot');
    src: url('../fonts/oswald/oswald-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald/oswald-regularitalic-webfont.woff2') format('woff2'),
         url('../fonts/oswald/oswald-regularitalic-webfont.woff') format('woff'),
   url('../fonts/oswald/oswald-regularitalic-webfont.ttf') format('truetype'),
         url('../fonts/oswald/oswald-regularitalic-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald Bold Italic';
    src: url('../fonts/oswald/oswald-bolditalic-webfont.eot');
    src: url('../fonts/oswald/oswald-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald/oswald-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/oswald/oswald-bolditalic-webfont.woff') format('woff'),
   url('../fonts/oswald/oswald-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/oswald/oswald-bolditalic-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald Medium Italic';
    src: url('../fonts/oswald/oswald-mediumitalic-webfont.eot');
    src: url('../fonts/oswald/oswald-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oswald/oswald-mediumitalic-webfont.woff2') format('woff2'),
         url('../fonts/oswald/oswald-mediumitalic-webfont.woff') format('woff'),
   url('../fonts/oswald/oswald-mediumitalic-webfont.ttf') format('truetype'),
         url('../fonts/oswald/oswald-mediumitalic-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Black';
    src: url('../fonts/source/sourcesanspro-black-webfont.eot');
    src: url('../fonts/source/sourcesanspro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/source/sourcesanspro-black-webfont.woff2') format('woff2'),
         url('../fonts/source/sourcesanspro-black-webfont.woff') format('woff'),
   url('../fonts/source/sourcesanspro-black-webfont.ttf') format('truetype'),
         url('../fonts/source/sourcesanspro-black-webfont.svg#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Bold';
    src: url('../fonts/source/sourcesanspro-bold-webfont.eot');
    src: url('../fonts/source/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/source/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../fonts/source/sourcesanspro-bold-webfont.woff') format('woff'),
   url('../fonts/source/sourcesanspro-bold-webfont.ttf') format('truetype'),
         url('../fonts/source/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Semi Bold';
    src: url('../fonts/source/sourcesanspro-semibold-webfont.eot');
    src: url('../fonts/source/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/source/sourcesanspro-semibold-webfont.woff2') format('woff2'),
         url('../fonts/source/sourcesanspro-semibold-webfont.woff') format('woff'),
   url('../fonts/source/sourcesanspro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/source/sourcesanspro-semibold-webfont.svg#source_sans_probold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Italic';
    src: url('../fonts/source/sourcesanspro-it-webfont.eot');
    src: url('../fonts/source/sourcesanspro-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/source/sourcesanspro-it-webfont.woff2') format('woff2'),
         url('../fonts/source/sourcesanspro-it-webfont.woff') format('woff'),
   url('../fonts/source/sourcesanspro-it-webfont.ttf') format('truetype'),
         url('../fonts/source/sourcesanspro-it-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Light';
    src: url('../fonts/source/sourcesanspro-light-webfont.eot');
    src: url('../fonts/source/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/source/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('../fonts/source/sourcesanspro-light-webfont.woff') format('woff'),
   url('../fonts/source/sourcesanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/source/sourcesanspro-light-webfont.svg#source_sans_proitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Source Regular';
    src: url('../fonts/source/sourcesanspro-regular-webfont.eot');
    src: url('../fonts/source/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/source/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/source/sourcesanspro-regular-webfont.woff') format('woff'),
   url('../fonts/source/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/source/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/** Monserrat Font Family**/

@font-face{
    font-family:'Montserrat-Black';
    src:url('../fonts/montserrat/Montserrat-Black.ttf');
    url('../fonts/montserrat/Montserrat-Black.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-BlackItalic';
    src:url('../fonts/montserrat/Montserrat-BlackItalic.ttf');
    url('../fonts/montserrat/Montserrat-BlackItalic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-Bold';
    src:url('../fonts/montserrat/Montserrat-Bold.ttf');
    url('../fonts/montserrat/Montserrat-Bold.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-BoldItalic';
    src:url('../fonts/montserrat/Montserrat-BoldItalic.ttf');
    url('../fonts/montserrat/Montserrat-BlackItalic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-ExtraBold';
    src:url('../fonts/montserrat/Montserrat-ExtraBold.ttf');
    url('../fonts/montserrat/Montserrat-ExtraBold.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-ExtraBoldItalic';
    src:url('../fonts/montserrat/Montserrat-ExtraBoldItalic.ttf');
    url('../fonts/montserrat/Montserrat-ExtraBoldItalic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-ExtraLight';
    src:url('../fonts/montserrat/Montserrat-ExtraLight.ttf');
    url('../fonts/montserrat/Montserrat-ExtraLight.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-ExtraLightItalic';
    src:url('../fonts/montserrat/Montserrat-ExtraLightItalic.ttf');
    url('../fonts/montserrat/Montserrat-ExtraLightItalic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-Italic';
    src:url('../fonts/montserrat/Montserrat-Italic.ttf');
    url('../fonts/montserrat/Montserrat-Italic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-Light';
    src:url('../fonts/montserrat/Montserrat-Light.ttf');
    url('../fonts/montserrat/Montserrat-Light.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-LightItalic';
    src:url('../fonts/montserrat/Montserrat-LightItalic.ttf');
    url('../fonts/montserrat/Montserrat-LightItalic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-Medium';
    src:url('../fonts/montserrat/Montserrat-Medium.ttf');
    url('../fonts/montserrat/Montserrat-Medium.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-MediumItalic';
    src:url('../fonts/montserrat/Montserrat-MediumItalic.ttf');
    url('../fonts/montserrat/Montserrat-MediumItalic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-Regular';
    src:url('../fonts/montserrat/Montserrat-Regular.ttf');
    url('../fonts/montserrat/Montserrat-Regular.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-SemiBold';
    src:url('../fonts/montserrat/Montserrat-SemiBold.ttf');
    url('../fonts/montserrat/Montserrat-SemiBold.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-SemiBoldItalic';
    src:url('../fonts/montserrat/Montserrat-SemiBoldItalic.ttf');
    url('../fonts/montserrat/Montserrat-SemiBoldItalic.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-Thin';
    src:url('../fonts/montserrat/Montserrat-Thin.ttf');
    url('../fonts/montserrat/Montserrat-Thin.ttf') format("truetype");
}

@font-face{
    font-family:'Montserrat-ThinItalic';
    src:url('../fonts/montserrat/Montserrat-ThinItalic.ttf');
    url('../fonts/montserrat/Montserrat-ThinItalic.ttf') format("truetype");
}


/** Monserrat Font Family**/

/*.text-uppercase {*/
/*    !** */
/*    wrong way to do this*/
/*    just remove the class from the elements*/
/*    **!*/
/*    text-transform: none !important; */
/*}*/

.front-container{
    display:none;
}

button {
	border: 0;
}

.btn.focus,
.btn:focus,
button:focus {
 box-shadow: none;
 outline: none;
}

.form-control:focus {
 box-shadow: none;
}

.form-control.input-primary:focus {
 border-color: #efefef;
}

/* .form-control.input-primary:focus { */

/* } */

* {
    -webkit-overflow-scrolling: touch;
}

html {
	overflow-x: hidden;
    height:100%;
}

body {
	background-color: #efefef;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	font-family: 'Montserrat-Medium';
	/*height: 100vh;*/
	text-align: center;
    height: 100%;
}

body[class|='fp-viewing-main_section-'] .page-content .fp-slides {
 overflow-y: hidden;
}

.storenull {
    width: 300px !important;
    margin: -1px auto !important;
}

.store-option{
    cursor:pointer
}

.btn {
 background: transparent;
 border-radius: 22px;
}

.btn-rect {
 background-color: transparent;
 border: 1px solid #a4a4a4;
 /* border-radius: 5px; */
 border-radius: 0.5rem;
}

.btn-light {
	background-color: #f9f9fe;
	color: #ae875d;
}

.btn-rect-grey{
    background: #615f5f;
    color: #ffffff;
    border: none;
}
.btn-rect-grey.active{
    background: #a57c58!important;
}

.btn-rounded {
	border-radius: 22px;
    padding: 0.5rem 1rem;
}

.btn-circle {
 background: #fff;
 border: none;
 border-radius: 50%;
 height: 30px;
 width: 30px;
}

.btn-circle-grey, .btn-circle-lgrey {
 background: #cccccc;
 border: none;
 /* border-radius: 50%; */
 border-radius: 26px;
 /*height: 3.563rem;*/
 /*width: 3.563rem;*/
 height: 3.27rem;
 width: 3.27rem;
	/* height: 25px; */
	/* width: 25px; */
 color:white;
 margin: 5px;
}

.btn-circle-lgrey {
  background-color: #efeff4;
  color: #737377;
}

.btn-letter-more{
    font-size: small;
	/* line-height: 24px !important; */
    margin-left: 0;
	vertical-align: unset;
}

.btn-letter{
 font-size: 14px;
}

.btn-circle-grey.active, .btn-circle-lgrey.active{
 background: #a57c58;
 color: #fff;
}

.btn-order-size {
    background: #cccccc;
    border: none;
    border-radius: 6px;
    color: #fff;
    padding: 8px 18px;
    width: 100%;
    margin-bottom: 4px!important;
}

.btn-label{
    margin-top: 4px;
}

.btn-order-size.active{
    background: #a57c58;

}


.btn-primary,
.btn-primary:hover,
.btn-primary:not([disabled]):not(.disabled):active {
 background-color: #efefef;
 border-color: #efefef;
 color: #020202;
}

.btn-primary:not([disabled]):not(.disabled):active:focus {
 box-shadow: none;
}

.btn-secondary {
 background-color: #a57c58;
 border-color: #a57c58;
 color: #fff;
}

.btn-menu {
 background: #a57c58;
 border-radius: 5px;
 color: #fff;
 display: inline-block;
 padding: 5px;
 text-align: center;
 text-transform: uppercase;
 width: 100%;
}

.btn-like {
 color: #fff;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 65%;
 border: none;
 border-radius: 50%;
 height: 38px;
 padding: 0;
 width: 38px;
 background-image: url('../images/icon-heart-solid-red.png');
 background-color: #efeff4;
}

.btn-back {
 color: #a57c58;
 background-image: url('../images/icon-arrow-left-gold.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: 65%;
 height: 32px;
 opacity: 1;
 width: 32px;
}

.btn-prev > .ou-icon{
    margin-top: 0.5rem;
}
.btn-prev {
	background-color: #f9f9fe;
	background-image: url('../images/icon-arrow-left-gold.png');
	background-position: 10px;
	background-repeat: no-repeat;
	background-size: 0.6rem;
	border-bottom-right-radius: 1.2rem;
	border-top-right-radius: 1.2rem;
	height: 2.05rem;
	left: 0;
	position: absolute;
	/* top: 1.5rem; */
	top: 1.2rem;
	width: 2.05rem;
    border: 0 none;
    cursor: pointer;
}
.order-step .store-location-list .order-step-header .btn-prev  {
    top: 2.1rem;
}
.single-store-open .btn-prev > .ou-icon {
    margin-left: 0.5rem;
}
.single-store-open .btn-prev {
	top: 2.9rem;
}

.btn-close {
	background-color: #F9F9FE;
	border-bottom-left-radius: 1.2rem;
	border-top-left-radius: 1.2rem;
	/* height: 2.05rem !important; */
	height: 2rem;
	position: absolute;
	right: 0;
	top: 21px;
	/* width: 2.05rem !important; */
	width: 2rem;
    border: 0 none;
    color: #a77f5a; 
}

.input-group > .input-group-append > .btn {
 background-position: center;
 background-repeat: no-repeat;
 /* background-size: 58%; */
 background-size: 65%;
 /* border-radius: 18px; */
 border-radius: 22px;
 margin: auto;
 /* margin-right: 4px; */
 /* padding: 17px; */
 padding: 14px;
}

.input-group > .input-group-append > span {
 background-color: transparent;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 85%;
 border: 1px solid #efefef;
 border-radius: 24px;
 height: 100%;
 width: 100%;
}

.input-group > .input-group-append > span.valid {
 background-image: url('../images/icon-selected.png');
}

.input-group-append {
 border-bottom-right-radius: 22px;
 border-top-right-radius: 22px;
 /* width: 48px; */
 width: 42px;
}

.input-group .form-control:not(:first-child),
.input-group .form-control {
 border-radius: 22px;
 padding: 0.6rem 1rem 0.6rem 3rem;
}

.input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
 border-top-right-radius: 22px;
 border-bottom-right-radius: 22px;
}

input {
 font-family: 'Montserrat-MediumItalic';
}

.input-primary {
 background-color: #fff;
 border-color: #efefef;
 border-right: none;
}

.input-secondary {
 background-color: #efefef;
 border-color: #efefef;
 color: #0a0a0a;
}

.input-primary::placeholder,
.input-secondary::placeholder {
 color: #0a0a0a;
}

.input-primary:-ms-input-placeholder,
.input-secondary:-ms-input-placeholder {
 color: #0a0a0a;
}

.input-primary::ms-input-placeholder,
.input-secondary::-ms-input-placeholder {
 color: #0a0a0a;
}

.divider {
 /* font-family: 'Montserrat-Medium'; */
 margin: 20px auto;
 position: relative;
 width: 70%;
}

.divider > p {
 background: #fff;
 margin: auto;
 position: relative;
 width: 50px;
}

.divider > .divider-dash {
 border-bottom: 1px solid #d8d8d8;
 position: absolute;
 top: 9px;
 width: 100%;
 /* z-index: -1; */
}
.overlay {
	background: rgba(0, 0, 0, 0.55);
	height: 100%;
    display: none;
	position: absolute;
	top: 0;
	width: 100%;
	-moz-transition: background-color .5s;
	-webkit-transition: background-color .5s;
	transition: background-color .5s;
        z-index: 9999;
    overflow-x: hidden;
}

.text-warning {
 color: #f09325 !important;
}

/* .modal-header { */
	/* margin-top: 3rem; */
/* } */


/* -- Header -- */

.page-step-one #header {
 /*background-image: url('../images/banner_01.jpg');*/
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 height: 326px;
 position: relative;
}

.logo-wrap {
    margin: auto;
    padding-top: 2.6rem;
    position: relative;
    /* width: 170px; */
    -moz-transition: padding-top 1s, width 1s;
    -webkit-transition: padding-top 1s, width 1s;
    transition: padding-top 1s, width 1s;
	z-index:9999;
}

.welcome-msg-wrap {
 z-index: 9999;
 color: #fff;
 margin-top: 1.25rem;
 position: relative;
 /* text-align: center; */
}

.welcome-msg {
 font-size: 27px;
 height: 40px;
 margin: 0;
 -moz-transition: height 1s;
 -webkit-transition: height 1s;
 transition: height 1s;
}

.welcome-msg-wrap h2 {
 /* color: #fff; */
 font-family: 'Oswald Italic';
 font-size: 48px;
 margin-bottom: 1.8rem;
 /*text-transform: uppercase;*/
 -moz-transition: margin-bottom 1s;
 -webkit-transition: margin-bottom 1s;
 transition: margin-bottom 1s;
}

.account-btn-wrap .btn {
	background-color: #fff;
	color: #ae875d;
	font-family: 'Montserrat-SemiBold';
	padding: 0.2rem 0.8rem 0.2rem 0.3rem;
    /*text-transform: uppercase;*/
    margin-top:0.2rem;
}

.account-btn-wrap .account-icon {
	background-color: #ae875d;
	background-image: url('../images/icon-user-white-sm.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 44%;
	display: inline-block;
	height: 24px;
	margin-right: 0.3rem;
	vertical-align: bottom;
	width: 24px;
}

/* .account-btn-wrap .btn, */
.guest-btn-wrap .btn {
 /* margin: 0 5px; */
 /* width: 25%; */
 margin: 0 2%;
 width: 28%;
 /* //float: left; */
 border: 1px solid #a67d59;
 background-color: transparent;
 color: #fff;
 font-family: 'Montserrat-SemiBold';
 padding: 0.2rem 0.3rem;
 /*text-transform: uppercase;*/
}

/* .account-btn-wrap .btn:first-child, */
.guest-btn-wrap .btn:first-child {
    color: #fff;
	margin-right: 0.25rem;
    border: none;
}

.page-step-one .page-content {
 padding: 10px;
}

.page-content .btn {
 padding: 0.6rem 1rem;
}

.store {
    /*background-color: #fff;*/
    /*border: 1px solid transparent;*/
    /*border-radius: 8px;*/
    margin-bottom: 12px;
 /*padding: 1rem;*/
    padding: 0.5rem 0rem 0.5rem 0rem;
}

.store.store-open {
	border: 1px solid #a57c58;
}

.store-header {
    /* position: relative; */
    width: 100%;
    padding: 10px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 8px;
}

.store-header .store-name {
	color: #a57c58;
}

.store-header a {
 color: #000;
}

.store-header a:hover {
 text-decoration: none;
}

/* .store-header div[aria-expanded=true] .store-name { */
 /* color: #a57c58; */
/* } */

.store p {
    margin: 0;
    font-weight: 400;
    font-style:normal;
    font-size: 14px;
    font-family: 'Montserrat-Medium';
    padding: 0rem 2.5rem 0rem 2.5rem;
}


.page-step-one .store-name {
 font-family: 'Montserrat-Medium';
}

/* Modal Login */
#modal-login {
    background: rgba(0,0,0,0.5);
 /*background-image: url('../images/bg-nav.png');*/
 /*background-position: center;*/
 /*background-repeat: no-repeat;*/
 /*background-size: 100%;*/
}

#modal-login #signup-password {
    margin-right: -45px;
}

#modal-login .modal-header {
 color: #fff;
 display: block;
 margin-top: 0 !important;
}

#modal-login .login-icon-wrap {
 margin: auto;
 width: 32%;
}

/* .store-name.active { */
 /* color: #a57c58; */
/* } */

.store-distance {
 /* bottom: 0; */
 /* position: absolute; */
 /* right: 10px; */
 color: #999;
 font-size: 0.9rem;
	font-style: italic;
}

.no-stores-container{
    display:none;
}



.store-closed-text{
    font-size: 1.5rem;
}

.store-closed-text,
.no-stores-text{
    font-family: 'Montserrat-Medium';
    font-weight: 400;
    color: #a6a6a6;
    margin: 0 auto;
    padding:0;
    line-height: 0.5rem;
    margin-top: 1rem;
}

/*added to include order-min-alert styling*/
#modal-warning-resp .min-order-alert,
#modal-alert-resp .min-order-alert
{
    font-size: 13px;
}
#modal-warning-resp .alert_message,
#modal-alert-resp #alert_message
{
    margin-bottom: 0.4rem;
}
/*added to include order-min-alert styling*/

@media (max-width: 767px) {
    .page-multi-store #header{
        position: relative !important;

    }
	
	.guest-btn-wrap .btn {
		width: 100%;
		max-width: 100px;
	}

    .stores-closed-image,
    .no-stores-image{
        width:40%;
    }

    /*.store-closed-text{
        font-size: 0.8rem;
    }*/

    .store-closed-text,
    .no-stores-text{
        height: fit-content;
    font-size: 4.5vmin;
    }
    
    body.storeclosed.with-bubble #categories #category_all_slide {
        padding-bottom: 60px; /*should be equal to .bubblestoreclosed.show height plus 10 for border*/
    }
    body.storeclosed.with-bubble #menu_section .slideOpen .menu-category:last-child .deal:last-child
    {
        padding-bottom: 120px;
    }
    body.storeclosed.with-bubble #menu_section .slideOpen .menu-category:last-child .menu-item:last-child
    {
        padding-bottom: 60px;
    }

}

.store-content {
 /* display: none; */
 /* margin: 15px 0 10px; */
 margin: auto;
    /* width: 56vw; */
 /* width: 64vw; */
 /*width: 52vw;*/
}

.store-content.method-3 {
 width: 64vw;
}

.store-content > .row > .col {
 margin: 15px 0 0;
 padding-left: 10px;
    padding-right: 10px;
}

.store-option-icon {
    background-color: #f9f9fe;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px;
    border-radius: 50%;
    margin: auto auto -12px;
    height: 4rem;
    width: 4rem;
}

.store-pickup, .store-delivery, .store-dine, .store-roomservice {
    font-size:35px;
    color:#737377;
    padding-top:13px;
}


.page-multi-store .page-content p.store-option-status {
	/* background-color: #4cd964; */
	border-radius: 4px;
	color: #fff !important;
	display: inline-block;
 /* font-size: 10px; */
 /* font-size: 11px; */
 font-size: 0.6rem;
 padding: 0 5px;
 min-width: 40px;
}

.store-option-status{
    /* padding: 0.1rem 1rem 0.1rem 1rem;
    margin-top: 7px; */
    color:#ffffff!important;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    /* width: 50%; */
    border-radius: 3px;
}

.store-option-status.text-success {
	background-color: #4cd964;
}

.store-option-status.text-warning {
	background-color: #ffcc00;
}

.store-option-status.text-danger {
	background-color: #ff3b30;
	/*width: fit-content;
    padding: 0 5px;*/
}

.store-option-type {
 /*font-family: 'Montserrat-Medium';*/
 font-family: 'Montserrat-Medium';

 /*font-family: 'Montserrat-Medium';*/
 font-weight: 500;
}

.store-option-time {
 font-size: 12px;
}

.store-option-status-icon {
 background-image: url('../images/icon-x-red-sm.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: contain;
 height: 15px;
 left: 1px;
 position: absolute;
 top: 3px;
 width: 15px;
}

.address-input-wrap .input-group-append {
 border: 1px solid #efefef;
 border-left: none;
}

.input-group > .input-group-append > .btn.btn-address {
 /* background-color: #fff; */
 /* background-image: url('../images/icon-loader.png'); */
 /*background-image: url('../images/icon-loader.gif');*/
 background-image: url('../images/dots.gif');

}

.input-group > .input-group-append > .btn.btn-address.invalid {
 background-color: #ff0808;
 /* background-image: url('../images/icon-x.png'); */
 background-image: url('../images/icon-x-white.png');
 /* background-size: 44%; */
 background-size: 60%;
 border-color: #ff0808;
}

.input-group > .input-group-append > .btn.btn-address.valid {
 /* background-color: #47aa6f; */
 background-color: #4cd964;
 /* background-image: url('../images/icon-check.png'); */
 background-image: url('../images/icon-check-white.png');
 /* background-size: 58%; */
 background-size: 75%;
 border-color: #4cd964;
}

.btn.deal-item-valid,
.btn.upsell-item-valid{
    background-color: #47aa6f;
    background-image: url('../images/icon-check.png');
    background-size: 58%;
    background-position: center;
    background-repeat: no-repeat;
    width:1rem;
    height: 2rem;
}

.btn.deal-selected{
    height: 1.5rem;
    width: 1.5rem;
    padding: 0;
    margin-top: 15px;

}

.deal-item-details{
    font-size:20px;
    font-family: 'Montserrat-Medium';
    margin-left: .1rem;
}
.deal-item-container{
/*    height: 50vh;
    overflow-y: scroll;*/
    margin-bottom: 1rem;
}

.deal-item-details-selected{
    font-size:16px;
    font-family: 'Montserrat-SemiBold';
    margin-top: 0;
    margin-left: .1rem;
}

.deal-item{
 margin: 1rem 0 0;
 border-radius: 5px;
 background:white;
 width: 100%;
 padding: 1rem 0;
}

.deal-add{
 margin: 0 1rem 1rem;
}
.deal-add img {
height: 40px;
}

.deal-content{
    background:#e8e8e8;
    margin:auto;
    padding-left: 10px;
    padding-right: 10px;
}

.deal-items-label{
    margin:1rem 0 0;
}

.deal-selected-product{
    font-family: 'Montserrat-Medium';
    font-size: 20px;
    margin-top: -0.5rem;
    margin-bottom: -0.5rem;
}

.selected-product{
    margin-left: .1rem;
}

/* -- Multi Store Page -- */

.page-multi-store {
 background-color: #fff;
}

.page-menu {
	overflow: hidden;
}

.page-multi-store #header {
	width: 100%;
    transition: transform .25s ease;
    margin-bottom: 20px;
    position: absolute;
}

.page-multi-store.list-open .logo-wrap {
	padding-top: 17px;
	width: 30%;
}

.page-multi-store.list-open .welcome-msg {
	height: 30px;
}

.page-multi-store.list-open .welcome-msg-wrap h2 {
	margin-bottom: 1rem;
}

/* .page-multi-store.list-open .account-btn-wrap .btn,  */
/* .page-multi-store.list-open .guest-btn-wrap .btn { */
	/* margin: 0 12px; */
	/* width: 28%; */
/* } */

.page-multi-store .page-content {
 /* margin: 26px 16px; */
 margin: 26px 0;
}

.store-menu .page-content {
	margin: 0;
}

.order-step {
	/*background-color: #fff;*/
	/* border-top-left-radius: 8px; */
    /* border-top-right-radius: 8px; */
	border-radius: 0.5rem;
	/* bottom: 0; */
	left: 2vw;
	/* padding: 1.5rem; */
	/* overflow: auto; */
	/*overflow: hidden;*/
	position: relative;
	right: 2vw;
        z-index: 9999;
	/* top: 58vh; */
    width: calc( 100% - 20px );
    left: 10px;
    right: 10px;
}

.order-step.start-order-wrap {
	-moz-transition: top 1s, bottom 1s;
	-webkit-transition: top 1s, bottom 1s;
	transition: top 1s, bottom 1s;
}

.order-step.start-order-wrap .step-title {
	margin-bottom: 0;
}

#search_postcode::placeholder {
    text-align: center;
}

.search-code{
    position: absolute;
    z-index: 4;
    top: 1rem;
    color: #cbcbd0;
    left: 1rem;
    font-size: 22px;
}
    
#search_postcode {
	/*background-image: url(../images/icon-search-gray.png);*/
    text-align: center;
    background-position: 4%;
    background-repeat: no-repeat;
    background-size: 7%; 
	background-size: 1.2rem;
	border-radius: 22px;
    padding: .5rem 2.5rem;
}

.order-step.start-order-wrap.show {
	/*top: 48vh;*/
}

.order-step.start-order-wrap.hide {
	/* bottom: 100vh; */
    display: none;
	/*bottom: 12vh;*/
	/*top: 26.5vh;*/
	z-index: -1;
    background: transparent;
}

.order-step.store-list-wrap {
	/* background-color: #efeff4; */
	/*background-color: #fff;*/
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	/*overflow-x: hidden;*/
	-moz-transition: top 1s, bottom 1s;
	-webkit-transition: top 1s, bottom 1s;
	transition: top 1s, bottom 1s;
}

.order-step.store-list-wrap.show {
    /*bottom: -1vh;*/
    opacity: 1;
	/*top: 175px;*/
}
.order-step.store-list-wrap.reselect-store.show {
    /*bottom: -1vh;*/
    /* opacity: 1; */
	top: 175px;
}
.order-step.store-list-wrap.show.single-store-open.single-store-list-active,
.order-step.store-list-wrap.show.delivery-open.active{
  background: transparent;
  -webkit-transition: background .6s ease-out;
  -moz-transition: background .6s ease-out;
  -o-transition: background .6s ease-out;
  transition: background .6s ease-out;
  z-index: 9999;
}
.order-step.store-list-wrap.show #valid-room::-webkit-input-placeholder,
.order-step.store-list-wrap.show #valid-table::-webkit-input-placeholder{
    color: #a6a6ab;
    font-size:14px;
    vertical-align: text-center;
}

#modal-option #validate-address-form input[type=text]::-webkit-input-placeholder,
#modal-guest-info #validate-address-form #valid-address::-webkit-input-placeholder
{
    color: #a6a6ab;
}

.order-step.store-list-wrap.show.delivery-open .dine-note{
    font-size: 12px;
    font-family: 'Montserrat-Medium';
    color: #a6a6ab;
    padding: .5rem 1rem 0rem 1rem;
}

.order-step.store-list-wrap.show.delivery-open .switchToggle-Container{
    padding-right:4px;
}
.order-step.store-list-wrap.show.delivery-open .switchLabel-Container{
    padding-left:4px;
}

#dineInGroupInfo .dineInGroupInfo-note{
    font-size: 10pt;
    font-family: 'Montserrat-Medium';
    color: #a6a6ab;
}

.address-input-wrap{
    border-radius: 9px;
}
.address-input-wrap.dinein{
  background: #EFEFF4;
  height: 5rem;
}

.order-step.store-list-wrap.show #valid-room::placeholder,
.order-step.store-list-wrap.show #valid-table::placeholder{
    padding:15%;
}

.order-step.store-list-wrap.show #valid-room,
.order-step.store-list-wrap.show #valid-table{
    /*width: 100%;*/
    height: 5rem;
    text-align: center;
    /*font-size:5rem;*/
    color:#a57c58;
    font-weight: 900;
    padding:0;
    /*top: 0.4rem;*/
    font-size: 3.6rem;
    /*width: 99%;*/
    /*padding:15%;*/
    /*padding-top: 15%;
    padding-right: 15%;
    padding-bottom: 15%;
    padding-left: 15%;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	/*background:none;*/
	border:0; 
	border-radius: 9px !important; 
}

.order-step.store-list-wrap.show #valid-room,
.order-step.store-list-wrap.show #valid-table{
    /*width: 100%;*/
    height: 4.5rem;
    text-align: center;
    /*font-size:5rem;*/
    color:#a57c58;
    font-weight: 900;
    padding:0;
    /*top: 0.4rem;*/
    font-size: 3.6rem;
    /*width: 99%;*/
    /*padding:15%;*/
    /*padding-top: 15%;
    padding-right: 15%;
    padding-bottom: 15%;
    padding-left: 15%;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	/*background:none;*/
	border:0;
	border-radius: 9px !important;
}

#modal-option .dinein #validate-table-form .input-group{
    width: 77%;
    margin: 0 auto;
}

.order-step.store-list-wrap.show #valid-room:placeholder-shown,
.order-step.store-list-wrap.show #valid-table:placeholder-shown {
  font-size:23px;
 }


.order-step.store-list-wrap.show #valid-room::-webkit-input-placeholder ,
.order-step.store-list-wrap.show #valid-table::-webkit-input-placeholder{
        padding:2% !important;
}


.order-step.store-list-wrap.show #valid-room:focus::-webkit-input-placeholder ,
.order-step.store-list-wrap.show #valid-table:focus::-webkit-input-placeholder{
    color: transparent !important;
}
.order-step.store-list-wrap.show #valid-room:focus::-moz-placeholder ,
.order-step.store-list-wrap.show #valid-table:focus::-moz-placeholder{
    color: transparent !important;
}
.order-step.store-list-wrap.show #valid-room:focus:-moz-placeholder ,
.order-step.store-list-wrap.show #valid-table:focus:-moz-placeholder  
{
    color: transparent !important;
}

.order-step.store-list-wrap.hide {
	/*bottom: 10vh;*/
	opacity: 0;
	/* top: 41vh; */
	/* top: 100vh; */
	/*top: 48vh;*/
	z-index: -1;
}

.store-location-list {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	-webkit-transition: left 0.5s, right 0.5s;
	transition: left 0.5s, right 0.5s;
	top: 0;
    /*height: 100vh;*/
}

.order-step-header,
.order-step-body {
    padding: 1.5rem;
}

.order-step-header {
	background-color: #fff;
	border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    left: 0;
	padding: 1.2rem 1.5rem 0.9rem;
	position: absolute;
	right: 0;
	z-index: 1;
    height: 6rem;
}

.order-step-header.fix {
	/* left: 0.5rem; */
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	position: fixed;
	/* right: 0.5rem; */
	/* top: 0; */
}

.order-step-header.fix .btn-prev {
	left: 0;
}

.start-order-wrap .order-step-header {
	position: static;
}

.start-order-wrap .order-step-body {
    background-color:  white;
	margin-top: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.step-title {
	color: #333;
	font-family: 'Montserrat-Medium';
	 font-size: 32px;
	/*font-size: 1.4rem;*/
    /* margin-bottom: 1rem; */
    /* margin-top:1rem; */
    /*font-weight: bold;*/
    -webkit-font-smoothing: antialiased;
}

.start-order-wrap .order-step-body .search-input-wrap {
	margin-bottom: 1rem;
}

.start-closed-container{
    display: none;
    margin-top: 1rem
}

.start-closed-image{
    /*height: 29vh;*/
    /*width: 35vh;*/
}

.start-closed-text{
    font-family: 'Montserrat-Medium';
    font-weight: 400;
    color: #808082;
    margin: 0 auto;
    padding:0;
    line-height: 1rem;
    margin: 1.5rem 0 0.5rem 0;
}

.closed-nav-item{
    /*height: 3vh;*/
    border: 1px dashed #D7D7D7;
    margin: 0 auto;
    margin-top: 1.5rem;
    width: 7vw;
}

.closed-menu{
    margin-left: -2.5rem;
    padding: 0 1rem;
    /*height: 80vh;*/
}


a.to-menu {
	color: #ae875d;
	font-style: italic;
	text-decoration: underline;
}

.page-multi-store .page-content p {
	font-size: 11pt;
	margin-bottom: 0;
}

.page-multi-store .page-content p.menu-item-desc {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 50px;
}


.store-list-wrap {
	/*background-color: #fff;*/
	bottom: 0;
	/*height: 74vh;*/
}
.order-step.store-list-wrap.show.delivery-open .order-step-body{
    /*right: 50%!important;*/
}


.store-list-wrap .order-step-body {
    background-color: #efeff4;
    /*height: 50vh;*/
    left: 0;
	  margin-top: 90px;
	  /*max-height: 62vh;*/
      height: fit-content;
    overflow-y: scroll;
    /*padding: 0.6rem 0.7rem 0rem;*/
    padding: 1rem 0.7rem 0 0.7rem;
    position: absolute;
    right: 0;
    margin-bottom: 20px;
}

 .store-list-wrap.single-store-open .order-step-header{
/* .store-list-wrap.single-store-open .order-step-body { */
	/* left: -100vh; */
	 right: 0;
 }

.store-list-wrap.single-store-open .store-location-list {
	left: -105%;
	right: 105%;
}
.store-list-wrap .store-header .store-status.show {
    display:block;
}
.store-list-wrap .store-header .store-status.hide {
    display:none;
}
.store-list-wrap .store-header .store-status {
    color:#ffffff;
    background-color:#ff0000;
    color: #ffffff;
    background-color: #ff0000;
    border-radius: 4px;
    width: 90px;
    margin: 0 auto;
    padding: 0;
}
.store-header .store-name {
	/*font-family: 'Montserrat-Medium';*/
    /*padding-top:1%;*/
    font-family: 'Montserrat-Medium';
	  font-size: 18px;
    margin-bottom: 0;
    /*font-size: 3vh;*/
    /*font-weight: 700;*/
    /*text-transform: uppercase;*/
    -webkit-font-smoothing: antialiased;
    line-height: unset;
    padding:0px;
	/* margin-bottom: 0; */
}
.store-header .method-title{

    /*font-style: italic;*/
    color: #333;
    font-family: 'Montserrat-MediumItalic';
    /*margin-bottom: 0.5rem;*/
    min-height: 1.5rem;
    font-size: 14px;
    /*font-weight: 700;*/
    -webkit-font-smoothing: antialiased;
}

.store-list-active {
	background-color: #a57c58;
	display: none;
	height: 35px;
	position: absolute;
    right: -17px;
    top: 0;
	width: 30px;
}
.store-list-active-icon-wrap {
	background-image: url(../images/bg-store-list-active.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	padding: 8px 5px;
	width: 100%;
}

.store-list-active-icon {
	background-color: #fff;
	background-image: url('../images/icon-check-gold.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 50%;
	height: 100%;
	width: 100%;
}

.single-store-list {
	bottom: 0;
	left: 100vw;
	position: absolute;
	right: -100vw;
	top: 0;
	-webkit-transition: left 0.5s, right 0.5s;
	transition: left 0.5s, right 0.5s;
}


.single-store-list .single-store-header {
	background-color: #fff;
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	padding: 1rem;
	position: relative;
    /*height: 10rem;*/
}

.single-store-list .single-store-name {
	color: #333;
    font-family: 'Montserrat-Medium';
    font-size: 1.5rem;
    /*text-transform: uppercase;*/
    -webkit-font-smoothing: antialiased;
    margin-bottom:0 !important;
}

.single-store-list p.single-store-address {
	/*margin-bottom: 0.2rem;
    font-family: 'Source Sans Pro',sans-serif;
    font-weight: 300;*/
    margin-bottom: 1.2rem;
    font-family: 'Montserrat-Medium';
    font-weight: 400;
    font-size: 14px;
    color: #737377;
}

.single-store-header-links-wrap .btn {
	/*background-position: 6% 44%;
	background-repeat: no-repeat;
	background-size: 12%;
	font-size: 0.8rem;*/
	/*padding: 0.4rem 1.2rem 0.4rem 1.8rem;*/
	margin: 0 0.4rem;
	/*text-transform: uppercase;*/
}

.online-trading-wrap .lbl{
    font-size: 1.2rem;
    padding: 0.4rem 1.2rem 0.4rem 1.8rem;
    margin: 15px 2.2rem;
    /*text-transform: uppercase;*/
}

.input-error{
    color: red;

}
.btn-close.store-loc-map-btn i {
    padding-top: 0.5rem;
}
#view-store-hours ,
#view-store-map {
    font-size: 13px;
    font-family: 'Montserrat-Medium';
    font-weight: 400;
    padding:6px;

}
#view-store-map,
#view-store-hours{
    width: fit-content;
    margin: 0 3px;
}

#view-store-hours > i,
#view-store-map > i {
    font-size: 14px;
    font-weight: 700;
    padding-top: 2px;
    position: absolute;
    padding-left: 5px;
}
#view-store-map > span,
#view-store-hours > span{
    padding: 3px;
    width: 100%;
    margin: 0 0.5rem 0 1rem;
    padding-left: 11px;
}
/*#view-store-hours > span{
	background-image: url('../images/icon-time-gold.png');
}*/

    .order-step-body {
        margin-top: 120px;
    }

.single-store-list .single-store-body {
	background-color: #efeff4;
	border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
	/*max-height: 51vh;*/
	overflow-y: scroll;
	overflow-x: hidden;
	/*padding-top: 0.3rem;*/
}
.method-4.single-store-list .col-md-6 .store-option {
    /*padding: 1rem 1rem 0 1rem;*/
    padding: 1rem 0.5rem 0 0.5rem;
    background-color: #fff;
    padding-top: 0.5rem;
    /*margin: 0rem 0.25rem 1.5rem 0.25rem;*/
    border-radius: 10px;
    height: 164px !important;
}

.method-4.single-store-list p.store-option-type {
    font-size: 14px!important;
}
.method-4.single-store-list p.store-option-time{
    font-size: 0.9rem;
}
.method-4.single-store-list .store-option-details {
    margin-top: 0!important;
}
/*.single-store-list .col-12 .store-option,*/
.single-store-list .col-md-6 .store-option {
/* .single-store-list .store-option { */
    padding: 1rem 1rem 0 1rem;
    background-color: #fff;
    padding-top: 2rem;
    /*height: 33vh;*/
    /*This is creating an issue in deeplinks for 2 methods */
    /*height: 100%;*/
    margin: 0.5rem 0.25rem 0.5rem 0.25rem;
    border-radius: 10px;

}


.single-store-options-wrap > .row{
    margin-right: 10px;
    margin-left: 10px;
}

.method-4 > .single-store-options-wrap > .row > .col-6{
    margin: 0.5rem auto 0rem;
}

.single-store-options-wrap > .row > .col-6 {
    border-radius: 10px;
    padding: 0;
}

.single-store-list .store-option {
    padding: .8rem;
}

.single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-success,
.single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-danger{
    width: 7rem;
    top:-10px;
    position: relative;
}

.single-store-options-wrap > .row > .col-6 > .store-option .store-option-status:after,
.single-store-options-wrap > .row > .col-6 > .store-option .store-option-status:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/*.single-store-options-wrap > .row > .col-6 > .store-option .store-option-type{ padding-top: 20px; }*/

.single-store-options-wrap > .row > .col-6 > .store-option .store-option-icon{
    height: 7rem;
    width: 7rem;
    background-size: 47%;
    font-size:50px;
    padding-top:20px;
}

.method-4.single-store-list .single-store-options-wrap > .row > .col-6 > .store-option .store-option-icon {
    height:5rem;
    width:5rem;
    font-size:35px;
    padding-top:15px;
}

.method-4.single-store-list  .store-option-icon{ margin-top: 0 !important; }
.method-4.single-store-list  .store-option-status { width:80px !important; margin-top: 4px !important; margin-bottom: 0px !important; }
.method-4.single-store-list .store-option-type{ padding-top: 0 !important;  }

.single-store-options-wrap > .row > .col-md-6 > .store-option > .row > div[class^="col-md-6"]{
    padding: 0rem 0rem 0rem 2rem;
}
.single-store-options-wrap > .row > .col-md-6 > .store-option > .row{
    margin:auto;
}

.single-store-options-wrap > .row > .col-12 {
    background-color: #fff;
	border-radius: 0.5rem;
	border-right: 0;
	margin: 0.5rem 0rem 0.1rem;
	padding: 0;
	/*max-width: 100%;
    height: 13.5vh;*/
}

.method-icon-right{
    margin-top: 1rem;
    color: #a57c58;
    font-size: 1.2rem;
}



.store-option-details{
    /*margin-top: 0.7rem;*/
}

.single-store-list p.store-option-type {
    /*font-size: 1.4rem;*/
    /*font-weight: bolder;*/
	/*text-transform: uppercase;*/
	margin-bottom: 0;
    font-size: 23px;
    font-family: 'Montserrat-Medium';
    -webkit-font-smoothing: antialiased;
    line-height:25px;
    padding-top: 0px;
}

.single-store-list p.store-option-time {
	color: #8e8e93;
    font-size: 1.1rem;
	font-style: italic;
    line-height: 1;
	margin: 0;
    /*height: 0;*/
    -webkit-font-smoothing: antialiased;
    padding-top:3px;
}

.col-5.col-md-12.store-option-details{
    padding: 0;
    top: 0rem;
}


.store-list-wrap.single-store-open .single-store-list {
	left: 0;
	right: 0;
}
/*
.method-3 #store-content-2 > :first-child > :first-child {
   border-bottom-left-radius: 0.5rem;
}
*/

.method-3 #store-content-2 > :first-child > :nth-last-child(2) {
    /* border-bottom-right-radius: 0.5rem;
    border-right: none !important; */
}

.delivery-template-container{
    left: 100vw;
	position: absolute;
	right: -100vw;
	-webkit-transition: left 0.5s, right 0.5s;
    transition: left 0.5s, right 0.5s;
}

.delivery-template-container.nfcredirect,
.single-store-list-container.nfcredirect
{
    display: none !important;
}

/*.store-list-wrap.single-store-open .store-location-list*/
.store-list-wrap.single-store-open.delivery-open .delivery-template-container{
    left: 0;
    right: 0;
}


.store-list-wrap.single-store-open.delivery-open .single-store-list{
    left: -100vw;
    right: 100vw;
}

#desk_order_date_dummy{
    display:none !important;
}

#modal-option .modal-dialog {
	/* margin: 0 1rem; */
	-webkit-transform: translate(0,16%);
	transform: translate(0,16%);
}

#modal-option .modal-header {
	/*background: linear-gradient(to right,rgba(255,255,255,.2),transparent);*/
    background-color: #a57c58;
	border-bottom: none;
	color: #fff;
	/*padding: 1.5rem 2.5rem;*/
    /*padding-left: 4rem;
    padding-right: 3rem;
    padding-top: 1.5rem;
    padding-bottom:0.5rem;*/
	text-align: left;
    padding:1.2rem 1.2rem 1.2rem 3rem;
    font-family: 'Montserrat-Medium';
    font-weight: 300;
}
.iconblock{ max-width:25% !important; }

#modal-option .modal-delivery-details p {
	font-size: 0.9rem;
	line-height: 1;
}

#modal-option .modal-header a {
	color: #fff;
    font-size: 13px;
    font-weight: 400;
    /*text-transform: uppercase;*/
}

#modal-option .method-header-left {
    height: 78px;
	border: 1px solid #fff;
	border-radius: 0.5rem;
    background-color: #fff;
    font-family: 'Montserrat-Medium';
    color: #a77f5a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

#modal-option .method-header-left {
    height: 78px;
    border: 1px solid #fff;
    border-radius: 0.5rem;
    background-color: #fff;
    font-family: 'Montserrat-Medium';
    color: #a77f5a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    width: 80px;
    max-width: unset;
    margin-left: -8px;
}

#modal-option .method-icon.dinein-icon{
    /*font-size: 2rem;*/
    /*font-size: calc(10vh - 100%);*/
}
#modal-option .method-icon {

    /*text-align: center;*/
    /*padding-top: 0.5rem;*/
    /*border-radius: 0.9rem;*/
    /*font-size: 1.7rem;*/

    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;

}
#modal-option .method-icon >  span{
    font-weight: normal
}

#modal-option .method-time-wrap {
    border-bottom-left-radius: 0.9rem;
    border-bottom-right-radius: 0.9rem;
    border-radius: 0.9rem;
    text-align: center;
    /*padding-bottom: 0.5rem;*/
    margin-top:-6px;
    padding:0px;
    font-size:14px;
}

#to-pickup{
    display:none;
}

#modal-option .method-time-wrap .method-time-hr{
    height: 15px;
    font-weight: 400;
}
#modal-option .method-time-wrap .method-time-min{
    font-weight: 400;
}


#modal-option .method-time-wrap p {
	margin-bottom: 0;
}

#modal-option .modal-delivery-time {
	/*font-family: 'Montserrat-Medium';*/
    /*font-family: 'Montserrat-Medium';*/
    /*font-weight: bolder;*/
}

#modal-option .modal-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#modal-option .dropdown .btn-modal > .drop-down-icon{
    float: right
}
#modal-option .dropdown .btn-modal[aria-expanded="true"]{
    border-radius: 1.5rem 1.5rem 0rem 0rem;
}

#modal-option .dropdown .btn-modal[aria-expanded="true"] > .drop-down-icon > i.ou-icon.ou-ic-up{
    display: inline-block!important;
}
#modal-option .dropdown .btn-modal[aria-expanded="false"] > .drop-down-icon > i.ou-icon.ou-ic-down{
    display: inline-block!important;
}




#modal-option .dropdown .btn-modal {
	background-color: transparent;
/*	background-image: url('../images/icon-arrow-down-gold.png');
	background-position: 95%;
	background-repeat: no-repeat;
	background-size: 6%;*/
	border: 1px solid #a57c58;
	border-radius: 1.5rem;
	color: #a57c58;
}

#modal-option .dropdown-menu a:active{
    background-color: transparent;
}

#modal-option .dropdown-menu a:last-child:hover{
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
#modal-option .dropdown-menu a{
    text-decoration: none;
    color: #737377;
}
#modal-option .dropdown-menu {
	right: 0;
    top: -1rem!important;
    background: white;
    border-width: 1px;
    border-style: solid;
    border-color: transparent rgb(165, 124, 88) rgb(165, 124, 88);
    border-image: initial;
    border-bottom-left-radius: 22px;
    border-bottom-right-radius: 22px;
}

#modal-option .dropdown-toggle::after {
	content: none;
}


#modal-option #store-method {
	font-family: 'Montserrat-Medium';
	/*font-family: 'Montserrat-Medium';*/
    font-size: 26px;
    margin-bottom: 8px;
    /*text-transform: uppercase;*/
    /*font-weight: 600;*/
    line-height: 26px;
}
.delivery-template-container #modal-option .modal-delivery-details {
    width: 280px;
}
#modal-option #from_label{
    font-weight: 200;
    font-size: 16px;
}
#modal-option #modal-store-name {
	font-family: 'Montserrat-Medium';
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400;
}

#modal-option .text-label {
	font-family: 'Montserrat-SemiBold';
    font-size: 1.2rem;
	margin-bottom: 1rem;
}

#modal-option #address-map {
	background-color: #d8d8d8;
	border-radius: 0.5rem;
	/*height: 20vh;*/
	margin-top: 1rem;
}

#modal-option #validate-address-form input[type=text],
#modal-guest-info #validate-address-form #valid-address {
	background-color: #efeff4;
	background-image: url('../images/icon-map-marker-gray.png');
	/* background-position: 96%; */
	background-position: 5%;
	background-repeat: no-repeat;
	/* background-size: 5%; */
	background-size: 6%;
    font-size:14px;
}

#modal-customer-details .modal-content {
	/*height: 100vh;*/
}

#modal-customer-details .modal-header,
#modal-login .modal-header {
	background-color: #a9815b;
	color: #fff;
	display: block;
	margin-top: 3rem;
	position: relative;
}

#modal-customer-details .modal-header-icon-wrap,
#modal-login .modal-header-icon-wrap {
	margin: auto auto 1rem;
	width: 22%;
}

#modal-customer-details .modal-title {
	font-size: 1.6rem;
}

#modal-customer-details .modal-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	/*height: 60vh;*/
}

.input-group + #signup_lname-error {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.input-group + #signup_fname-error {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}
.input-group .error {
    border: 1px solid red;
    height: 100%;
    border-radius: 25px;
}
#forgot_email-error.error{
	border: 1px solid #ff2525;
	height: 100%;
    border-radius: 25px;
}
#forgot_email-success.success {
    border: 1px solid green;
    height: 100%;
    border-radius: 25px;
}
form .form-group {
    position: relative;
}
form .form-group label.error, form .form-group label.success {
	position: absolute;
    top: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding-left: 47px;
}
.form-control.error + label {
    display: none !important;
}

#modal-customer-details .form-group {
	margin-bottom: 0.5rem;
}

#modal-guest-info input,
#modal-login input {
	background-color: #efeff4;
	border: 0;
	/* border-radius: 1.2rem; */
	border-radius: 31px;
	/* padding: 0.5rem 1.2rem; */
	padding: 0.7rem 1.2rem;
}

#modal-customer-details input[name=email],
#modal-customer-details input[name=phone],
#modal-customer-details input[name=password],
#modal-login input[name=email],
#modal-login input[name=password],
#modal-guest-info input[name=email],
#modal-guest-info input[name=phone],
#modal-guest-info input[name=password],
#modal-guest-info input[name=confirm-password] {
	background-position: 4%;
    background-repeat: no-repeat;
	padding-left: 2.6rem;
	line-height:29px;
}

#modal-guest-info input[name=email],
#modal-login input[name=email] {
	background-image: url('../images/icon-envelop-grey.png');
    background-size: 6%;
}

#modal-guest-info input[name=phone],
#modal-customer-details input[name=phone] {
	background-image: url('../images/icon-phone-grey.png');
    background-size: 5%;
}

#modal-guest-info input[name=password],
#modal-guest-info input[name=confirm-password],
#modal-customer-details input[name=password],
#modal-login input[name=password] {
	background-image: url('../images/icon-lock-grey.png');
    background-size: 5%;
	background-position: 5.5%;
	/* background-size: 7%; */
}

#modal-guest-info .field-group > .form-group:first-child,
#modal-customer-details .field-group > .form-group:first-child {
	padding-right: 1px;
}

/* #modal-guest-info .field-group > .form-group:first-child input, */
#modal-customer-details .field-group > .form-group:first-child input {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}

#modal-guest-info .field-group > .form-group:last-child,
#modal-customer-details .field-group > .form-group:last-child {
	padding-left: 1px;
}

/* #modal-guest-info .field-group > .form-group:last-child input, */
#modal-customer-details .field-group > .form-group:last-child input {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

#modal-guest-info .btn-group-toggle,
#modal-customer-details .btn-group-toggle,
#modal-login .btn-group-toggle {
	background-color: #efeff4;
    border-radius: 31px;
	margin-bottom: 0.5rem;
    /* padding: 0.3rem; */
	padding: 0.45rem;
}

#modal-guest-info .btn-group-toggle.signup,
#modal-guest-info .btn-group-toggle.create,
#modal-guest-info .btn-group-toggle.remember,
#modal-customer-details .btn-group-toggle.create,
#modal-login .btn-group-toggle.remember {
	background-color: #af8a62;
}

#modal-guest-info .btn-group-toggle label,
#modal-customer-details .btn-group-toggle label,
#modal-login .btn-group-toggle label {
	color: #495057;
	margin: 0;
}

#modal-guest-info .btn-group-toggle.create label,
#modal-guest-info .btn-group-toggle.signup label,
#modal-guest-info .btn-group-toggle.remember label,
#modal-customer-details .btn-group-toggle.create label,
#modal-login .btn-group-toggle.remember label {
	color: #fff;
	/* font-size: 0.8rem; */
}

#modal-guest-info .btn-group-toggle.create .btn.active label,
#modal-guest-info .btn-group-toggle.signup .btn.active label,
#modal-guest-info .btn-group-toggle.remember .btn.active label,
#modal-customer-details .btn-group-toggle.create .btn.active label,
#modal-login .btn-group-toggle.remember .btn.active label {
	color: #b08c63;
	font-family: 'Montserrat-Medium';
}

#modal-guest-info .btn-group-toggle .btn,
#modal-customer-details .btn-group-toggle .btn,
#modal-login .btn-group-toggle .btn {
	color: #fff;
    /* font-size: 1rem; */
	font-size: 0.8rem;
    width: 49%;
}

#modal-guest-info .btn-group-toggle .btn.active,
#modal-customer-details .btn-group-toggle .btn.active,
#modal-login .btn-group-toggle .btn.active {
	background-color: #fff;
	cursor: pointer;
}

.btn-label {cursor: pointer;}



/* .search-input-wrap input { */
 /* padding: .375rem 1rem; */
/* } */

.search-input-wrap .input-group-append {
 background: #efefef;
}

.input-group > .input-group-append > .btn.btn-search {
 /* background-color: #a57c58; */
 background-image: url('../images/icon-search.png');
}


/* Modal */
.modal-header { border: none; }

.modal-dialog {
 margin: 0 0.5rem;
 /*max-height: 100vh;*/

}

.modal-backdrop.show {
 opacity: 0.6;
 display: none;
}

.modal-backdrop.show.backdropFade {
    opacity: 0.8;
    display: block;
}

.modal-content a {
  color: #a57c58;
	font-style: italic;
 text-decoration: underline;
}

.order-details-wrap .tracking-link{
    font-style: normal !important;
    text-decoration: none !important;
}

.modal-content {
    background-color: transparent;
    border: none;
    margin:0 auto;
}

.modal-title {
 font-family: 'Montserrat-Medium';
 text-align: center;
 /*text-transform: uppercase;*/
 width: 100%;
 margin-top: 0.5rem;
}


.modal-body {
 background-color: #fff;
 border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.modal-footer {
/* margin: 0.5rem 0 0; */
margin: 0 0 0.5rem;
padding: 0;
border: none;
}

/*customer accounts page related styling*/
#modal-password-updated .modal-content,
#modal-notice-success .modal-content,
#modal-card-added .modal-content,
#modal-card-deleted .modal-content
{
    padding: 30px;
    max-width: 540px;
    width: 70%;
    background-color: #47aa6f;
}

.delivery-icon-wrap {
 background-color: #fff;
  border-top-left-radius: 64px;
  border-top-right-radius: 64px;
 height: 56px;
    /* margin: 0 auto -14px; */
 margin: -27px auto -14px;
    padding: 20px 18px 0px 18px;
 width: 28%;
 z-index: 1;
}

.delivery-icon-wrap img {
 width: 86%;
}

.skip-btn-wrap {
 /* padding-top: 20px; */
 padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}


.map-btn-wrap #map {
	display: none;
	margin-top: 15px;
}

.next-btn-wrap {
 /* padding-top: 10px; */
 padding-top: 18px;
}

.next-btn-wrap button {
 width: 100%;
}

.modal-close-wrap {
 /* margin-top: 16px; */
	/*margin-top: 0.5rem;*/
}

.modal-close-wrap button {
 /* background: transparent; */
  color: #fff;
  border: none;
  font-family: 'Montserrat-Medium';
 /* font-size: 20px; */
  /* text-decoration: underline; */
}

.message-wrap {
 /* margin: 5px auto; */
  margin: 15px auto 5px; 
 /*margin: 0 auto 5px;*/
 width: 50%;
}

.message-wrap p {
 font-size: 14px;
 line-height: 1.2;
}

.message-valid {
 color: #47aa6f;
}

.message-invalid {
 color: #ff2525;
}

/* Modal Menu */

.ui-selectmenu-button-text {
	display: none;
}

.btn-modal {
/* padding: 0.5rem 1rem;  */
	padding: 0.7rem 1rem;
 width: 100%;
}

.btn-modal-secondary {
 background: #a57c58;
 border: none;
 color: #fff;
}

#halfhalf_mobile_products, #halfhalf_mobile_custom{
    display: none;
}

#modal-menu,
#modal-ingredients {
 font-size: 14px;
}

#modal-menu .modal-section-title {
 font-family: 'Montserrat-SemiBold';
 font-size: 14px;
 line-height: 1;
}

#modal-menu .modal-desc {
    border-bottom: 1px solid #d8d8d8;
    text-align: left;
    padding-bottom: 1rem;
    margin-bottom: 0;
}
#modal-menu .modal-desc:first-letter {
    text-transform: capitalize;
}

#modal-menu .modal-header,
#modal-ingredients .modal-header {
  background-color: #fff;
  border-bottom: none !important;
}

/* #modal-menu .order-count-wrap, */
#modal-menu .order-size-wrap,
#modal-menu .order-other-options-wrap {
 border-bottom: 1px solid #d8d8d8;
}

.order-size-tpl-1-wrap #order-size {
 /* background-image: url('../images/icon-arrow-down.png');
 background-position: 95% center;
 background-repeat: no-repeat;
 background-size: 6%;
 -webkit-appearance: none; */
  left: 0;
  position: relative;
  transition: ease 0.5s;
  width: 200%;
  min-width: 450px;
}

.order-size-tpl-1-wrap {
  width: 100%;
  overflow: hidden;
}

.order-size-tpl-1-wrap .btn-order-size {
  padding: 0;
  color: #737377;
  background-color: transparent;
  font-size: 14px;
  position: relative;
  height: 62px;
}

.order-size-tpl-1-wrap .btn-order-size:before {
  content: "";
  width: 100%;
  height: 3px;
  background-color: #efeff4;
  display: block;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}


.order-size-tpl-1-wrap .btn-order-size:first-child:before {
    right: 0;
    width: 50%;
}

.order-size-tpl-1-wrap .btn-order-size:last-child:before {
    left: 0;
    width: 50%;
}

.order-size-tpl-1-wrap .btn-order-size:after {
  content: "";
  width: 18px;
  height: 18px;
  border: 3px solid #efeff4;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.order-size-tpl-1-wrap .btn-order-size div {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.order-size-tpl-1-wrap .btn-order-size.active div {
  background-color: #a57c58;
  color: #fff;
  padding: 5px;
  border-radius: 25px;
}

.order-size-tpl-1-wrap .btn-order-size div span {
  display: block;
}

.order-size-tpl-1-wrap .btn-order-size div .name {
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-size-tpl-1-wrap .btn-order-size.active div .name {
    margin-bottom: 0;
}

/* #modal-menu .order-size-wrap button { */
#modal-menu .dropdown button {
	background-image: url('../images/icon-arrow-down.png');
	background-position: 95% center;
	background-repeat: no-repeat;
	background-size: 6%;
	padding: 8px 18px;
	text-align: left;
}

/* #modal-menu .order-size-wrap .dropdown-menu { */
#modal-menu .dropdown .dropdown-menu {
	background: #a57c58;
	right: 0;
}

/* #modal-menu .order-size-wrap .dropdown-menu a { */
#modal-menu .dropdown .dropdown-menu a {
	color: #fff;
}

#modal-menu .modal-header .modal-desc {
 border-bottom: 2px solid #d8d8d8;
 font-size: 14px;
 margin-bottom: 0;
 padding: 0.5em 0;
}


#modal-menu .modal-body,
#modal-ingredients .modal-body {
 border-top-left-radius: 0;
 border-top-right-radius: 0;
 padding: 0 1rem;
 text-align: center;
}
#modal-ingredients .modal-body {
    overflow-y: hidden!important;
}

#modal-ingredients nav {
	/* height: 32px; */
	height: 35px;
	overflow: hidden;
	position: relative;
}
/*
#modal-ingredients #ingredients-tab {
	height: 100%;
	left: 0;
	min-width: 100%;
	position: absolute;
	touch-action: manipulation;
	transition: left .5s;
	 width: 600px; temp
}
*/
/* #modal-ingredients .active-border */
#ingredients-tab .active-border {
	border-bottom: 3px solid #a57c58;
	bottom: 0;
	left: 0;
	position: absolute;
	/* right: 256px; */
	-moz-transition: left .5s, width .5s;
	-webkit-transition: left .5s, width .5s;
	transition: left .5s, width .5s;
}

#modal-menu .modal-section {
 padding: 1rem 0 1rem;
}

#modal-menu .order-customise-link-wrap {
 padding: 1rem 0 0;
}

#modal-menu .counter-wrap {
 background: #a57c58;
 border-radius: 36px;
 display: inline-block;
 font-size: 28px;
 padding: 5px;
 width: 280px;
 margin-top: 1.3rem;
 height: 3.5rem;
}

#modal-menu .counter-wrap button {
    color: #333;
    font-family: 'Montserrat-Light';
    height: 2.5rem;
    width: 2.5rem;
    margin-top:0.15rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 34px;
    padding: 0;
}

#modal-menu .counter-wrap .order-less, #modal-menu .counter-wrap .order-add {
    font-size: 1rem;
    color: #a57c58;
}

#modal-menu .counter-wrap .order-add {
    margin-right: 0.4rem;
}

#modal-menu .counter-wrap .order-less {
    margin-left: 0.4rem;
}

#modal-menu .order-count {
 color: #fff;
 display: inline-block;
 margin: 0 10px;
}

#modal-menu .order-customise-link-wrap button {
 background-image: url('../images/icon-arrow-right-gold.png');
 background-position: 96% center;
 background-repeat: no-repeat;
 /* // background-size: 4%;  */
 background-size: 3%;
 margin-bottom: 0.5rem;
 background-color: #efeff4;
 border: 0 none;
 border-radius: 30px;
 color: #737377;
 line-height: 1.2;
 padding: 0.5rem 1.5rem;
}

#modal-menu .order-customise-link-wrap button.nonempty {
    text-align: left;
}

#modal-menu .order-customise-link-wrap button.empty span {
    padding: 0.5rem 0;
    display: inline-block;
}

#modal-menu .order-customise-link-wrap button.nonempty span {
    color: #a6a6a6;
}

#modal-menu .order-customise-link-wrap button .selected-ingredients {
    font-style: italic;
    color: #333;
    white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

#modal-menu .modal-footer,
#modal-ingredients .modal-footer {
 border-top: none;
 padding: 1.2rem 0;
}

#modal-cart .modal-footer button,
#modal-checkout .modal-footer button {
 font-family: 'Montserrat-Medium';
 font-size: 1rem;
}

#modal-cart .modal-footer span,
#modal-checkout .modal-footer span {
 font-size: 1rem;
 font-weight: bolder;
}

#modal-checkout .modal-footer .ou-icon {
	font-size: 0.8rem;
}

#modal-checkout .tab-pane .mobile-checkout-header .content-active,
#modal-checkout .tab-pane .mobile-checkout-header .content-inactive {
	transition: opacity .5s;
}

#modal-checkout .tab-pane .mobile-checkout-header .content-active {
	/* display: none !important; */
	opacity: 0;
}

#modal-checkout .tab-pane .mobile-checkout-header .content-inactive {
	opacity: 1;
	position: absolute;
	top: 0;
}

#modal-checkout .tab-pane .mobile-checkout-header {
	height: 58px;
}

/*#modal-checkout .tab-pane.active .mobile-checkout-header {
	height: 75px;
}*/

#modal-checkout .tab-pane.active .mobile-checkout-header.ou-active .content-active {
	/* display: block !important; */
	opacity: 1;
}

#modal-checkout .tab-pane.active .mobile-checkout-header.ou-active .content-inactive {
	/* display: none !important; */
	opacity: 0;
}

#modal-checkout .tab-pane .mobile-checkout-header .ou-show {
	/* opacity: 1; */
}

#modal-checkout .tab-pane .mobile-checkout-header .ou-hide {
	/* opacity: 0; */
}

.modal-footer button {
 font-family: 'Montserrat-Bold';
 font-size: 20px;
}

.add-item{
 text-align: right;
}

#modal-product .modal-footer button .item-price {
 float: left;
 font-family: 'Montserrat-SemiBold';
}

#modal-menu .modal-title-wrap {
 width:100%;
}

#modal-ingredients .modal-content a {
 text-decoration: none;
}

#modal-ingredients .modal-body {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%;
}

#modal-ingredients .modal-body nav {
 background: transparent;
}

#modal-ingredients .modal-body .nav-item {
 color: #a57c58;
 font-family: 'Montserrat-SemiBold';
 font-size: 14px;
 /*margin: 0 0.60rem;*/
 padding: 0.5rem 0.75rem 0.2rem;
 /*text-transform: uppercase;*/
 float: none;
 border-top-right-radius: 0.5rem;
 border-top-left-radius: 0.5rem;
text-decoration: none;
}

#modal-ingredients .modal-body .nav-item.active {
 font-family: 'Montserrat-Medium';
 background: #a57c58;
 color: #fff;
}

#modal-ingredients .modal-body .tab-content {
 /*padding: 0 1.5rem;*/
 position: relative;
}

#modal-ingredients .ingredients-item {
 background-image: url('../images/icon-unselected.png');
 background-position: 0.75rem center;
 background-repeat: no-repeat;
 background-size: 20px;
 border-bottom: 1px solid #d8d8d8;
 padding: 1rem 1rem 1rem 2.7rem;
 display: flex;
 justify-content: space-between;
}

#modal-ingredients .ingredients-item p {
 margin-bottom: 0;
}

#modal-ingredients .ingredients-item.selected {
 background-image: url('../images/icon-selected.png');
}

#modal-ingredients .ingredients-item.selected p,  .ingredients-item.selected span{
 font-family: 'Montserrat-Medium';
 color: #a57c58;
}

#modal-ingredients .ingredients-item.selected span {
 color: #a57c58;
}

#modal-checkout .modal-body {
	padding-left: 0;
	padding-right: 0;
}

#modal-checkout .modal-body .tab-content-title {
	font-size: 1rem;
	margin-top: 1.5rem;
}

#modal-checkout .modal-body .customer-location-form {
	margin: 0 1rem;
}

#modal-checkout .modal-body .customer-location-form .nav-item .nav-link {
	font-style: normal;
	padding: 0.3rem 1rem;
	text-decoration: none;
}


.tab-content > .tab-pane {
 display: none;
 height: auto;
 left: 100vw;
 right: -50vw;
 -moz-transition: right .2s, left .2s;
 -webkit-transition: right .2s, left .2s;
 transition: right .2s, left .2s;
 overflow-y: auto !important;
 margin-top: 3px;
}

.custom-slide {
 position: absolute;
 top: 0;
}

.tab-content > .tab-pane.active {
    /*left: 7vw;*/
    /*right: 7vw;*/
    left: 0;
    right: 0;
    display:  block;
}

.tab-content > .tab-pane.prev {
	left: -50vw;
	right: 100vw;
	-moz-transition: right .2s, left .2s;
	-webkit-transition: right .2s, left .2s;
	transition: right .2s, left .2s;
}

.slide-in-left {
 left: 88vw;
 right: -40vw;
 -moz-transition: right .2s, left .2s;
 -webkit-transition: right .2s, left .2s;
 transition: right .2s, left .2s;
}

.slide-in-left.show {
 left: 7vw;
 right: 7vw;
}

.slide-in-right {
 left: -40vw;
 right: 88vw;
 -moz-transition: right .2s, left .2s;
 -webkit-transition: right .2s, left .2s;
 transition: right .2s, left .2s;
}

.slide-in-right.show {
 left: 7vw;
 right: 7vw;
}

#modal-halfhalf .modal-body {
    border-radius: 0 0 8px 8px;
}

#modal-halfhalf .first-view {
    position: relative;
    top: 40%;
    transform: translateY(-40%);
}


#modal-halfhalf .second-view .front, #modal-halfhalf .second-view .back {
    /*height: calc(100vh - 110px);*/
}

#modal-halfhalf .second-view .front .modal-body {
    padding: 0;
    /*max-height: calc(100vh - 190px);*/
    overflow: scroll;
}

.bg-lgray {
    background-color: #efeff4;
}

#modal-menu .modal-section.halfhalf-header-selector {
    padding: 1rem;
}

.h-h-selector-item {
    float: left;
    width: 50%;
    height: 90px;
    border: 1px dashed #d8d8d8;
    position: relative;
}

.h-h-selector-item:first-child {
    border-radius: 7px 0 0 7px;
}

.h-h-selector-item:last-child {
    border-radius: 0 7px 7px 0;
}

.h-h-selector-item:nth-child(n+2) {
    border-left: 0 none;
}


.h-h-selector-item.current {
    background-color: #fff;
    border: 1px dashed #a57c58;
}

.h-h-selector-item.current .default {
    color: #a57c58;
}

.h-h-selector-item.editing {
    border-style: solid;
}

.h-h-selector-item.editing .default {
    top: 60%;
}

.h-h-selector-item .default {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.h-h-selector-item .default {
    color: #8e8e93;
}

.h-h-selector-item .default span {
    float: left;
}

.h-h-selector-item .default span.number {
    width: 30%;
    text-align: right;
    font-size: 1.95rem;
    line-height: 1;
    margin-right: 5px;
}

.h-h-selector-item .default span.text {
    width: 53%;
    text-align: left;
    line-height: 1;
}

.h-h-selector-item.done {
    border-style: solid;
    overflow: hidden;
}

.h-h-selector-item .done .done-txt-wrapper {
    position: relative;
    z-index: 1;
}

.h-h-selector-item .done .check-icon {
    background-image: url('../images/icon-check-green-circle.png');
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 100%;
    width: 23px;
    height: 23px;
    display: block;
    margin: 7px auto;
}

.h-h-selector-item .done .text-item {
    line-height: 1;
}

.h-h-selector-item .done .bg-img {
    position: absolute;
    left: -10000%;
    right: -10000%;
    top: -10000%;
    bottom: -10000%;
    margin: auto auto;
    max-width: 16%;
    max-height: 16%;
    -webkit-transform: scale(10);
    transform: scale(10);
    -webkit-filter: opacity(.2);
    filter: opacity(.2);
    z-index: 0;
}

.h-h-selector-item .done .btn-action {
    color: #a57c58;
}

.h-h-selector-item .btn-action {
    font-style: italic;
    text-decoration: underline;
    background: 0 none;
    color: inherit;
    width: 100%;
    cursor: pointer;
}

.text-pizza-brown {
    color: #a57c58;
}

.text-bold {
    font-weight: bold;
}

.text-ellipsis {
    width: 90%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

/* Categories Page */

body {
	-webkit-perspective: 750px;
	perspective: 750px;
}

.page-store {
	background-color: #222;
 /* background-image: url('../images/bg-nav.png'); */
	background-image: none;
 /* background-position: center; */
 background-repeat: no-repeat;
 background-size: cover;
	display: none;
	/* display: block; */
  /*width: 100vw;*/
  width: 100%;
 /*width: 99vw;*/
 /* -webkit-perspective: 750px; */
 /* perspective: 750px; */
}

.page-menu .page-store {
	display: block;
    /*height: 100vh;*/
    height:100%;
}

/* .page-store.show { */
	/* display: block; */
/* } */

/* .page-store.nav-open { */
.nav-open {
	background-color: #efeff4;
 /* overflow: hidden; */
}

.page-store #main-nav {
 /* background-color: #000; */
 /* background-image: url('../images/bg-nav.png'); */
 /* background-position: center; */
 /* background-repeat: no-repeat; */
 /* background-size: cover; */
 bottom: 0;
 /*height: 95vh;*/
 left: -100%;
 right: 100%;
 top: 41px;
 padding: 20px;
 position: absolute;
 z-index: 1;
 -webkit-transition: left 1s, right 1s; /* Safari */
    transition: left 1s, right 1s;
}

/* .page-store.nav-open #main-nav { */
.nav-open #main-nav {
 /* left: -414px; */
 /* right: 414px; */
 left: 0;
 /* right: 0; */
 right: 20vw;
}

.dashboard-desktop .page-content,
.page-store .page-content {
 left: 0;
 /* height: 100%; */
 /* height: 100vh; */
 /* overflow-y: hidden; */
 overflow-x: hidden;
 overflow-y: scroll;
 position: relative;
 /* right: 0; */
 /*width: 100vw;*/
 width: 100%;
 -moz-box-shadow: 0px 1px 20px 14px rgba(0, 0, 0, 0.27);
 -webkit-box-shadow: 0px 1px 20px 14px rgba(0, 0, 0, 0.27);
 box-shadow: 0px 1px 20px 14px rgba(0, 0, 0, 0.27);
 -webkit-transition: left 1s, transform 1s, height 1s; /* Safari */
    transition: left 1s, transform 1s, height 1s;
}

.page-store .page-content {
	/* height: 94vh; */
	/*height: calc(100vh - 33px);*/
}
/* .page-store .page-content.menu-open .menu-wrap { */
	/* padding-top: 0; */
/* } */

/* .page-store.nav-open .page-content { */
.nav-open .page-content {
 /* left: 414px; */
 /* left: 190px; */
 left: 80vw; /** main-nav right  **/
 /* height: 98vh !important; */
 overflow-y: hidden;
 /* right: -214px; */
 /* -moz-box-shadow: 0px 1px 20px 14px rgba(0, 0, 0, 0.27); */
 /* -webkit-box-shadow: 0px 1px 20px 14px rgba(0, 0, 0, 0.27); */
 /* box-shadow: 0px 1px 20px 14px rgba(0, 0, 0, 0.27); */
 /* -webkit-transform: rotateY(20deg) translateZ(-200px) !important; */
 /* transform: rotateY(20deg) translateZ(-200px) !important; */
 /*-webkit-transform: rotateY(30deg) translateZ(45px) scale(0.6) !important;*/
 /*        transform: rotateY(30deg) translateZ(45px) scale(0.6) !important;*/
 z-index: 1;
 opacity:.5;
}

.page-store .page-content .fp-slides {
 overflow-y: scroll;
}

.page-store .store-status-wrap {
	left: 0;
	position: absolute;
	right: 0;
	top: 33px;
	z-index: 1;
}

.page-store .store-status-wrap .closed {
	background-color: #ff3b30;
	background-image: url('../images/icon-close-sign.png');
	background-position: 10%;
	background-repeat: no-repeat;
	background-size: 17%;
	color: #fff;
	font-size: 0.8rem;
	padding:0.5rem 1rem 0.5rem 5rem;
	text-align: center;
}

.page-store .store-status-wrap .closed p {
	margin-bottom: 0;
}

.page-store .welcome-msg-wrap {
 margin-bottom: 20px;
 width: 100%;
}

.page-store .welcome-msg-wrap h2 {
 font-family: 'Montserrat-Medium';
    font-size: 34px;
    text-transform: none;
}

.page-store .welcome-msg-wrap .account-name {
 font-family: 'Oswald Italic';
    font-size: 40px;
    /*text-transform: uppercase;*/
}

.page-store .account-btn-wrap .btn,
.page-store .guest-btn-wrap .btn {
 width: 43%;
 /* border: 2px solid #a67d59;
 background-color: transparent;
 color: #fff;
 text-transform: uppercase; */
}

/* .page-store .account-btn-wrap .btn:first-child,
.page-store .guest-btn-wrap .btn:first-child {
    background: linear-gradient(to right, #b79469, #a57c58);
} */

.restartOrderButton {
    background-color: #fff;
    border-radius: 0.5rem;
    margin-bottom: 1.2rem;
    padding: 0.6rem 1.2rem;
}

.restartOrderButton .btn {
    background-color: #f9f9fe;
    height: 3rem;
    padding: 0 0.5rem 0 2.2rem;
    position: relative;
    /*text-transform: uppercase;*/
    width: 100%;
}
.restartOrderButton .btn > .btn-icon:before{
    font-size:15px !important;
}
.restartOrderButton .btn > .btn-icon {
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    display: inline-block;
    height: 2.2rem;
    left: 2%;
    position: absolute;
    top: 12%;
    width: 2.2rem;
    padding-top: 3px;
    padding-left: 1px;
}

.page-store .order-method-details-wrap {
	background-color: #fff;
	border-radius: 0.5rem;
	margin-bottom: 1.2rem;
	padding: 0.6rem 1.2rem;
}
.with-bubble .page-store .order-method-details-wrap {
    margin-top: 45px;
}

.nav-open #modal-cart{
	display: none !important;
}

.page-store .order-method-details-wrap > div {
	margin: 0.5rem 0;
}

.page-store .order-method-details-wrap .btn {
	background-color: #f9f9fe;

	height: 3rem;
	padding: 0 0.5rem 0 2.2rem;
	position: relative;
	/*text-transform: uppercase;*/
	width: 100%;
    
}

.page-store .order-method-details-wrap #edit-location{
    overflow-x: hidden;
    text-overflow: ellipsis;
}

/*.page-store .order-method-details-wrap .btn small {*/
/*	text-transform: lowercase;*/
/*}*/

/*.page-store .order-method-details-wrap .btn > .btn-icon {*/
/*	background-color: #fff;*/
/*	background-position: center;*/
/*	background-repeat: no-repeat;*/
/*	border-radius: 50%;*/
/*	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);*/
/*	display: inline-block;*/
/*	height: 2.2rem;*/
/*	left: 2%;*/
/*	position: absolute;*/
/*	top: 12%;*/
/*	width: 2.2rem;*/
/*}*/

/*.page-store .order-method-details-wrap #edit-method > .btn-icon {
	background-image: url('../images/icon-pickup-gold-sm.png');
	background-size: 50%;
}*/

/*.page-store .order-method-details-wrap #edit-location > .btn-icon {*/
/*	background-image: url('../images/icon-map-marker-gold-sm.png');*/
/*	background-size: 36%;*/
/*}*/



.page-store .account-btn-wrap .btn:focus,
.page-store .guest-btn-wrap .btn:focus,
.page-store .account-btn-wrap .btn:hover,
.page-store .guest-btn-wrap .btn:hover {
  background-color: #a67d59;
  border: 2px solid #a67d59;
  color: #fff;
}

.page-store .main-nav-list-wrap {
	display:none;
	background-color: #fff;
	border-radius: 0.5rem;
 /* height: 442px; */
 /*height: 69vh;*/
 overflow-y: scroll;
 /* padding: 1rem 1.2rem; */
	/*width: 103%;*/
}

.page-store.logged-in .main-nav-list-wrap {
 /*height: 64vh;*/
}

.page-store .main-nav-list {
	/*background-color: #fff;*/
	border-radius: 0.5rem;
	padding: 1rem 1.2rem;
	width: 97%;
}

.page-store .main-nav-item {
	border-top: 1px solid #a6a6ab;
	/* border-image: url('../images/border-gradient.png') 50 round; */
	padding: 0.5rem 0;
	position: relative;
	/* text-align: left; */
}

.page-store .main-nav-item a {
 color: #737377;
	display: inline-block;
    font-size: 1.1rem;
	padding: 0.6rem 0;
	/*text-transform: uppercase;*/
	width: 100%;
}

.page-store .main-nav-item .active-marker {
	background-color: #a57c58;
	border-bottom-right-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	bottom: unset;
    /* height: 50px; */
    position: absolute;
	right: -25px;
    top: 0;
	width: 5px;
}

.page-store .main-nav-item.active .active-marker,
.page-store .main-nav-item a:hover + .active-marker {
	bottom: 0;
}

.page-store .main-nav-item.active a,
.page-store .main-nav-item a:hover {
	color: #a57c58;
	font-family: 'Montserrat-Medium';
	font-size: 1.5rem;
	padding: 0.3rem 0;
	text-decoration: none;
}

.page-store .main-nav-footer {
 bottom: 22px;
 position: absolute;
    width: 90vw;
}

.page-store .main-nav-footer button {
 font-family: 'Montserrat-Medium';
 text-align: right;
}

.page-store .main-nav-footer button.logged-in {
 background-image: url('../images/icon-cart-round.png');
 background-position: 72% center;
 background-repeat: no-repeat;
 background-size: 30px;
 position: relative;
 text-align: center;
}

.page-store .main-nav-footer button .item-price {
 font-family: 'Montserrat-Medium';
 float: left;
}

.page-store .main-nav-footer button.logged-in .item-price {
 background: #fff;
 border-radius: 9px;
 color: #000;
 float: none;
 font-size: 12px;
 left: 71%;
 line-height: 1.2;
 padding: 0 6px;
 position: absolute;
    top: 9px;
}

/* .page-store #menu_section { */
 /* position: absolute; */
 /* top: 0; */
 /* overflow: hidden; */
/* } */

.page-store #categories {
    height:100%;
 /* background: #fff; */
 /* background: #000; */
 /* display: block; */
 /* left: 0; */
 /* opacity: 1; */
 /* position: absolute; */
    /* right: 100vw; */
 /* padding-top: 42px; */
 /* padding-top: 40px; */
 text-align: left;
    /*width: 100vw;*/
	width: 100%;
 /* -webkit-transition: left .2s, opacity .2s; */
 /* transition: left .2s, opacity .2s; */
}

.page-store #categories.toggleSlideHide {
    display:none;
}

.page-store .show-store-status #categories {
	padding-top: 94px;
}

.page-store #menu_section {
 position: absolute;
 /* right: -100vw; */
 /* top: 42px; */
 top: 0px;
 /* text-align: right; */
}
.slideOpen {
    overflow-y: scroll;
    height: -moz-calc(100%);
    height: -webkit-calc(100%);
    height: calc(100%);
}

.page-store .slide {
	 /* background: #000;  */
	display: none;
	/* left: 100vw; */
	/* opacity: 0; */
	/* height: 100vh; */
	/* overflow-y: scroll; */
    /*position: absolute;*/
    /* right: -200vw; */
	width: 100vw;
    /*height: auto;*/
    top: 0;
	/* -webkit-transition: right .2s, opacity .2s; */
	/* transition: right .2s, opacity .2s; */
}

.page-store .slide.set {
	z-index: 1;
}

.menu-wrap.set .menu-category {
    margin-bottom:30px;
}

.page-store .slide .store-content {
	background: #fff;
	/*padding-top: 119px;*/
	-moz-transition: padding .5s;
	-webkit-transition: padding .5s;
	transition: padding .5s;
    top: -9px;
}

.btn-checkout-wrap {
	bottom: 0.5rem;
	display: none;
	left: 0.5rem;
	position: fixed;
	right: 0.5rem;
	z-index: 1038;
}

.btn-checkout-wrap .btn-checkout,  .view_cart .btn-checkout {
	margin-top: 0;
	padding: 0.5rem 1rem;
}

.btn-checkout-wrap span {
	background-repeat: no-repeat;
	display: inline-block;
}

.btn-checkout .item-count , .view-cart .item-count, .btn-checkout-mobile .item-count {
	background-color: #ff3824;
	border: 1px solid #a57c58;
	border-radius: 50%;
	font-size: 0.6rem !important;
	height: 15px;
	/* left: 2.6rem; */
	left: 2.5rem;
	padding: 0;
	position: absolute;
	top: 0.5rem;
	width: 15px;
}

.btn-checkout .btn-checkout-total , .view-cart .btn-checkout-total, .btn-checkout-mobile .btn-checkout-total {
	/* background-image: url('../images/icon-lock-checkout-round.png'); */
	background-position: left;
    background-size: 30%;
    background-repeat: no-repeat;
	float: left;
    font-family: 'Montserrat-Medium';
    font-size: 1.5rem;
    /* padding-left: 2.8rem; */
}

.btn-checkout-mobile .btn-checkout-label,
.btn-checkout .btn-checkout-label, .view-cart .btn-checkout-label, .btn-checkout-mobile .btn-checkout-label   {
	/* background-image: url('../images/icon-arrow-right-white-bold.png'); */
	background-position: right;
    background-size: 8%;
    background-repeat: no-repeat;
	float: right;
    font-family: 'Montserrat-Medium';
    font-size: 1.25rem !important;
    line-height: 2.2rem;
    /* padding-right: 1.25rem; */
}

.btn-checkout-label .ou-icon {
	font-size: 1rem;	
}

.btn-checkout-total .ou-icon {
	background-color: #fff;
    border-radius: 50%;
	color: #a57c58;
    padding: 5px;
}

.modal-footer .btn-checkout-mobile {
	position: relative;
}

.modal-footer .btn-checkout-total .ou-icon {
	font-size: 1.5rem;
}

.btn-checkout-mobile .total-amount{
    font-size: 1.5rem !important;
}


#modal-cart .modal-delivery-details,
#modal-cart .delivery-icon-wrap {
 text-align: center;
}


#modal-cart .modal-delivery-details {
 margin-top: 10px;
}


#modal-cart .delivery-icon-wrap {
 padding: 18px 18px 0px 18px
}

#modal-cart .delivery-icon-wrap img {
 width: 86%;
}

#accordion-cart {
 border-top: 1px solid #d8d8d8;
 /*height: 47vh;*/
 overflow-y: scroll;
}

#accordion-cart .card-header button {
 background-image: url('../images/icon-minus.png');
 background-position: right center;
 background-repeat: no-repeat;
 background-size: 5%;
}

#accordion-cart .card-header button.collapsed {
 background-image: url('../images/icon-plus.png');
 color: #a57c58;
}

#accordion-cart .card {
 border: none;
}

#accordion-cart .card-header {
 background-color: transparent;
 border-bottom: 1px solid #d8d8d8;
 /* border-top: 1px solid #d8d8d8; */
 padding: 0;
}

#accordion-cart .card-header button {
 color: #000;
 font-family: 'Montserrat-Medium';
 font-size: 18px;
 padding-left: 0;
 text-align: left;
 /* text-transform: uppercase; */
 width: 100%;
}

#accordion-cart .card-body {
 border-bottom: 1px solid #d8d8d8;
 padding: 1.25rem 0;
}

/*#accordion-cart*/
 .cart-order-item {
 /*padding-right: 20px;*/
 position: relative;
}

/*#accordion-cart */
.cart-order-item-remove {
 background-color: transparent;
 /* background-image: url('../images/icon-x-gold.png'); */
/* background-image: url('../images/icon-trash.png');*/
 /* background-position: center 30%; */
 background-position: center 48%;
 background-repeat: no-repeat;
 /* background-size: 82%; */
 background-size: 60%;
 /* border: none; */
 /*height: 20px;*/
 /*position: absolute;*/
 /*right: 0;*/
 /*top: 0;*/
 /*width: 20px;*/
}

#accordion-cart .card:last-child .card-body {
 border: none;
}

.cart-order-item-list {
    /* padding: 0.5rem 0 0; */
    text-align: left;
}

.cart-order-item-name::after{
    content: "";
    display: table;
    clear: both;
}

.cart-order-item-name,
.cart-order-quantity {
 font-family: 'Montserrat-Medium';
 font-size: 0.9rem;

}

.cart-order-item-quantity{
    padding-right: 0.5rem;
	display: block;
	float: left;
	width: 11%;
}

.cart-order-item-name-holder{
    /*text-transform: uppercase;*/
	display: block;
	float: left;
	width: 63%;
}

.cart-order-quantity {
	text-transform: unset;
}

.cart-order-item-price {
 float: right;
}

/*#cart-order-content*/

.cart-order-item-options-list {
	font-size: 0.8rem;
    list-style: none;
    margin-bottom: 0;
    /*margin-top: 0.5rem;*/
    /* padding-left: 1rem; */
    padding-left: 11%;
}
.cart-order-item-options-list .cart-order-item-notes {
    display: inline-block;
    margin-right: 2rem;
    width: 100%;
}

.cart-order-item-options-list .cart-order-item-modifier {
	display: inline-block;
	margin-right: 3px;
	/*width: 34px;*/
}

.cart-order-item-options-list .cart-order-item-modifier-item {
	color: #737373;
}

.cart-order-item-options-list .cart-order-item-price {
	font-family: 'Montserrat-Medium';
}

/*#cart-order-content*/

.cart-order-item {
 /* margin-bottom: 10px; */
 padding-top: 1.2rem;
}

.cart-order-item:last-child > div:nth-child(3) {
	border-bottom: none;
}

/*#cart-order-content*/
.cart-order-item-option p {
 margin-bottom: 0;
}

/*#cart-order-content*/
.cart-order-item-option .cart-order-item-options-type {
 font-family: 'Montserrat-Medium';
}

/*#cart-order-content*/
.cart-order-item-option .cart-order-item-options-price {
 float: right;
}

/*#cart-order-content*/
.cart-order-item-edit {
 font-style: italic;
 /* margin-left: 5px; */
 margin-left: 20px;
 text-decoration: none;
}

#modal-cart .modal-cart-total-wrap {
 font-family: 'Montserrat-Medium';
 font-size: 15px;
 text-align: left;
 box-shadow: 0px -15px 17px -23px #5f5f5f;
 margin-bottom: 1rem;
}

#modal-cart .modal-cart-total-wrap p {
 margin: 0;
}

#modal-cart p.modal-cart-total {
    border-top: 1px solid #d8d8d8;
    color: #a57c58;
    font-size: 2rem;
    padding: 1rem 2rem 1rem 1rem;
}

#modal-cart .modal-cart-total-label {
 display: inline-block;
 font-family: 'Montserrat-Medium';
 text-transform: capitalize;
}

#modal-cart .modal-cart-total-value {
 float: right;
}

#modal-cart .btn-checkout,
#modal-guest-info .btn-checkout,
#modal-customer-details .btn-checkout {
	background-image: url('../images/icon-arrow-right-white-bold.png');
	background-position: 65%;
	background-repeat: no-repeat;
	background-size: 2.5%;
}

#modal-checkout .modal-header,
#modal-cart .modal-header,
#modal-message3 .modal-header,
#modal-message4 .modal-header {
    background: #fff;
    border: none;
	display: block;
}

#modal-cart .modal-header{
    border-bottom: 1px solid #d8d8d8
}

.cart-item-divider{
    border-bottom: 1px solid #f1f1f1;
    /* margin: 0.5rem 2rem 0 4rem; */
	margin: 0.5rem 1.7rem 0 3.7rem;
}

.cart-item-divider:last-of-type {
    border-bottom:none;
    margin-bottom:0;
}

.page-store #header, .dashboard-desktop #header {
 background: #000;
	height: 33px;
 /* padding: 8px; */
 padding: 5px 5px 2px 7px;
 top: 0;
 width: 100%;
 z-index: 4000;
 /* border-bottom: 2px solid #fff; */
    margin:0;
}

.page-store #header .nav-toggler,
.page-store #header .btn-cart,
.dashboard-desktop #header .nav-toggler,
.dashboard-desktop #header .btn-cart {
 border: none;
 /* height: 20px; */
 /* width: 24px; */
 /* height: 30px; */
 /* width: 30px; */
	height: 20px;
	padding: 0;
	width: 20px;
}

.page-store #header .btn-cart {
	height: 23px;
	width: 23px;
}

.page-store .nav-wrap, .dashboard-desktop .nav-wrap {
 float: left;
 width: 0;
 height: 0;
}

.page-store .nav-wrap .nav-toggler , .dashboard-desktop .nav-wrap .nav-toggler {

    background-color: transparent;
}

.nav-toggler-icon{
    color:white;
    /* font-size: 1.2rem; */
    margin-top: 0.2rem;
}

.page-store .store-name-wrap, .dashboard-desktop .store-name-wrap {
 left: 40px;
 padding: 5px 0;
 position: absolute;
 right: 40px;
}

.page-store .store-name-wrap .store-mobile-logo{
    display:none;
}

.page-store .store-name, .dashboard-desktop .store-name, .dashboard-desktop .sitename {
 color: #fff;
 font-family: 'Montserrat-Medium';
 font-size: 18px;
 margin-bottom: 0;
 text-transform: uppercase;
}

.page-store .store-name.site-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.page-store .btn-cart-wrap, .dashboard-desktop .btn-cart-wrap {
 float: right;
	height: 0;
}

.page-store .btn-cart, .dashboard-desktop .btn-cart {
 /* background: url('../images/icon-cart.png') no-repeat center / contain; */
 /*background: url('../images/icon-user-sm.png') no-repeat center / contain;*/
    color:#fff; background: none; border: none;
}


.dashboard-desktop .header-btn {
    padding:0px;
    margin:0px;
}

.noscroll {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
#category_all_slide:after{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.autoscroll {
    overflow-y: auto;
}
.page-store .page-content {
 /* background-color: #000; */
 background-color: #fff;
 /* padding-top: 42px; */
	/*position: absolute;*/
 text-align: left;
	/* top: 0; */
	/* top: 42px; */
	/*top: 33px;*/
    height:100%;
    padding-bottom: 33px;
}

.page-store .page-content .section {
 /*background-color: #fff;*/
 /*background-color: #a57c58;*/
}

.page-store .category {
 margin: 2px 0;
 position: relative;
}

.page-store .category a {
 background: rgba(0, 0, 0, 0.5);
 color: #fff;
 display: block;
 font-size: 36px;
 height: 100%;
 padding: 45px 42px;
 position: absolute;
 /*text-transform: uppercase;*/
 top: 0;
 width: 100%;
}

/* Menu Page */
#categories .menu-wrap {
 /* background: #fff; */
/* padding-bottom: 2rem; */
 /* padding-top: 5px; */
 /**padding-top: 2px;*/
 transition: transform .3s ease-out;
	border-top:2px solid #fff;
 padding-bottom: 1px;
}

.menu-desktop-title {
    font-weight: 600;
    /*text-transform: uppercase;*/
}

.sub_category_menu {
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.sub_category_menu_mobile{
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
    background: #696969;
    width: 24rem;
    overflow-x: auto;
    white-space: nowrap;
    padding: 10px 5px 10px 5px;
}

.sub_category_menu_mobile .sub_category_name a{
    text-transform: capitalize;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    margin: 0px 2px 0px 2px;
}

.sub_category_name.mob-menu-nav-item.nav-active.themePrimaryButtonBg{
    margin-left: 5px;
    margin-right: 5px;
}

.sub_category_menu .sub_category_name{
    display: inline;
    padding: 5px 10px 5px 10px;
}

.sub_category_menu_mobile .sub_category_name{
    display: inline;
    /*padding: 3px 10px 3px 10px;*/
}

.sub_category_menu_mobile.menu-nav-item.nav-active,
.mob-menu-nav-item.nav-active{
    background: #d8d8d8;
    border-radius: 20px;
    display: inline-block;
    width: auto;
}

.sub_category_menu .sub_category_name a{
    font-weight: 600;
    text-transform: capitalize;
    color: #737377;
    text-decoration: none;
}

.sub_category_name.menu-nav-item.nav-active{
    background: #d8d8d8;
    border-radius: 20px;
}

/* #categories .menu-category:first-child, */
#menu_section .menu-category-header {
	border-top: 2px solid #fff;
    position: relative;
}

#categories .menu-category-name {
/*	letter-spacing: 1px;*/
    text-align: left;
    padding-left: 7px;
	line-height: 25px;
}

.fp-tableCell {
 display: block;
}

.sticky{ transition: transform 1s ease-out; }

.menu-category-header {
	/* padding-top: 2px; */
	/* position: sticky; */
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	/* top: 42px; */
}

.menu-category-header .btn-prev i.ou-icon {
    font-size: 1.25rem;
    position: absolute;
    margin-left: -10px;
}

.menu-category-header.scroll {
	background-color: #fff;
	left: 0;
	position: fixed;
	right: 0;
	top: 33px;
	z-index: 1;
}

.menu-category-header.scroll .btn-prev {
	top: 16%;
}

.menu-category-header.scroll .menu-category-name-wrap {
	/* background-image: none !important; */
	padding: 12px 0;
}

.menu-category-header.scroll .overlay {
	background-color: rgba(165, 124, 88, 1);
	/* height: 0; */
	/* opacity: 0; */
}

.menu-category-header.scroll .menu-category-name-wrap .menu-category-name {
	font-size: 1.3rem;
	font-family: 'Montserrat-SemiBold';
	letter-spacing: 1px;
}



.scroll .main_category_nav.active-category .menu-category-name{
    /*margin-left:auto!important;
    -moz-transition: margin-left 1.5s ease-out;
    -webkit-transition: margin-left 1.5s ease-out;
    transition: margin-left 1.5s ease-out;*/
    /*padding-left: unset!important;
    margin-left:auto;
    -moz-transition: margin-left 0.5s ease-out;
    -webkit-transition: margin-left 0.5s ease-out;
    transition: margin-left 0.5s ease-out;*/
}

.menu-category.set.scroll {
    background-color: #fff;
    left: 0;
    position: fixed;
    right: 0;
    top: 33px;
    z-index: 99;
}
.menu-category.set.scroll .btn-prev {
    top: 16%;
}

.menu-category.set.scroll .menu-category-name-wrap {
    /* background-image: none !important; */
    padding: 12px 0;
}
#category_all_slide .set .ou-ic-right{
    left:10vw;
    margin-left: 93.3%;
    -moz-transition: left 0.5s ease-out;
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
    position: absolute;
}

#category_all_slide .ou-ic-right{
    left:0;
    margin-left: 93.3%;
    -moz-transition: left 0.5s ease-out;
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
    position: absolute;
}

.menu-category .btn-prev{
    /*top: 33%;*/
    /*left:-100vw;*/
    /*-moz-transition: left 0.5s ease-out;*/
    /*-webkit-transition: left 0.5s ease-out;*/
    /*transition: left 0.5s ease-out;*/
    /*position: absolute;*/
    
}

.menu-category .btn-prev{
    left: 0;
    top: 0;
}

.menu-category.set .btn-prev{
    display: unset;
    left:0;
    top: 33%;
    -moz-transition: left 0.5s ease-out;
    -webkit-transition: left 0.5s ease-out;
    transition: left 0.5s ease-out;
}
.menu-category.set .btn-prev .ou-icon{
    margin-top: 0.5rem;
    padding-top: unset!important;
}

.menu-category.set.scroll .overlay {
    background-color: rgba(165, 124, 88, 1);
    /* height: 0; */
    /* opacity: 0; */
}

.menu-category.set.scroll .menu-category-name-wrap .menu-category-name {
    font-size: 1.3rem;
    font-family: 'Montserrat-SemiBold';
    letter-spacing: 1px;
}

.menu-category-name-wrap {
 color: #fff;
 background-color: #a57c58;
 background-position: center;
 background-repeat: no-repeat;
  background-size: cover;
 border-bottom: 2px solid #fff;
 padding: 45px 0;
 position: relative;
 text-align: center;
 -moz-transition: padding .5s;
 -webkit-transition: padding .5s;
 transition: padding .5s;
}

/* .menu-category:last-child .menu-category-name-wrap, */
.menu-category:last-child .deal:last-child,
.menu-category:last-child .menu-item:last-child {
	margin-bottom: 41px;
}

.sub_cat_menu_items .menu-item:last-child{
    margin-bottom: 0px !important;
}

.cat-back {
	background-image: url('../images/icon-arrow-left-white.png');
	background-position: right;
	background-repeat: no-repeat;
	background-size: 40%;
	height: 100%;
	position: absolute;
	top: 0;
	width: 34px;
	-moz-transition: background-size .5s;
	-webkit-transition: background-size .5s;
	transition: background-size .5s;
}

.menu-category-header.scroll .cat-back {
	background-size: 24%;
}
.slideOpen .menu-category-name {
    padding-left: 40px;
    padding-right: 40px;
}

.menu-category-name {
 color: currentColor;
 font-size: 1.8rem;
 margin-bottom: 0;
 position: relative;
 font-family: 'Montserrat-Medium';
 /*text-transform: uppercase;*/
 -moz-transition: font-size .5s;
 -webkit-transition: font-size .5s;
 transition: font-size .5s;
}

.menu-category-name {
    color: currentColor;
    font-size: 1.8rem;
    margin-bottom: 0;
    position: relative;
    font-family: 'Montserrat-Medium';
    /* text-transform: uppercase; */
    -moz-transition: font-size .5s;
    -webkit-transition: font-size .5s;
    transition: font-size .5s;
}

/* .menu-category .collapsed .menu-category-name { */
 /* font-size: 2rem; */
/* } */

.menu-item {
	background-color: #fff;
 position: relative;
}

.menu-item.standard {
	 border-bottom: 1px solid #d8d8d8;
	padding-top: 1.8rem;
}

.menu-item-details-wrap {
 /* color: #333; */
 /* font-size: 20px; */
 /* padding: 12px; */
 /* position: relative; */
    padding-bottom: 1rem;
	padding-right: 1rem;
}

.menu-item-details-wrap.has-img {
	padding-left: 0;
}

.product-trigger .standard-img {
    width: 33.33vmin;
    height: 33.33vmin;
    max-width: 33.33vmin;
    padding: 0 15px 1rem 15px;
}

.menu-item-name {
 font-family: 'Montserrat-Medium';
 font-size: 14pt;
 /*text-transform: uppercase;*/
}

.subcategory_title {
    color: #fff;
    background: #a57c58;
    padding: 5px 0px 5px 5px; 
}

.menu-item-desc {
	color: #5d5d5d;
    font-size: 0.85rem;
    line-height: 1.2;
    margin-right: 1rem;
    margin-bottom: .5rem !important;
}

.menu-item-price-label {
    font-style: italic;
    color: #333;
}

.menu-item-details-wrap .arrow {
    padding-top: .25rem;
    font-size: 1rem;
    color: #a57c58;
}

.menu-item-price-label {
	font-size: 1.0rem;
}
.menu-item-price {
    /*color: #a57c58;*/
    /*font-family: 'Montserrat-SemiBold';*/
    /*font-size: 14pt;*/
    color: #a57c58;
    font-family: Montserrat-Medium;
    font-size: 14pt;
    font-weight: 500;

}

.menu-item-like-wrap {
 background: rgba(57, 57, 57, 0.49);
 border-radius: 50%;
 padding: 6px;
 position: absolute;
 right: 10px;
 top: 10px;
}

.item-more-btn-wrap {
 bottom: 1.3rem;
 position: absolute;
 /* margin-left: calc(100% - 15px); */
 /* top: 20%; */
 right: 1.5rem;
}

.featured .item-more-btn-wrap {
	bottom: 0.8rem;
}

.item-more-btn {
 background-image: url('../images/icon-arrow-right-gold.png');
 background-position: center;
 background-repeat: no-repeat;
 background-size: 100%;
 height: 35px;
 width: 10px;
}

.deal-more-btn{
 margin-bottom: 31px;
}

.menu-item-like {
 background: url('../images/icon-heart-gray.png') no-repeat center / contain;
 height: 20px;
 width: 20px;
}

.thumb-circle .menu-item,
.thumb-x .menu-item {
 /* border-bottom: 1px solid #b5b5b5; */
 border-bottom: 1px solid #d8d8d8;
 /* margin: 12px; */
 /*margin: 0 12px 12px 12px;*/
}

.thumb-circle .menu-item {
 padding-bottom: 10px;
}

.thumb-circle .menu-item .menu-item-details-wrap,
.thumb-x .menu-item .menu-item-details-wrap {
 padding: 12px 12px 0 0;
}

.thumb-circle .menu-item:last-child,
.thumb-x .menu-item:last-child {
 border: none;
}

.bundles {
 background: #ededed;
 padding-bottom: 30px;
}

.bundles .card img {
 padding: 10px;
}

.bundles .card-body {
 padding: 4px 10px 14px 10px;
}

.bundles .menu-category-name {
 color: #000;
 font-size: 12px;
 font-family: 'Montserrat-Medium';
 padding: 10px;
}

.bundles .menu-item-name {
 height: 32px;
}

.bundles .bundle-items-wrap {
 margin: 0 15px;
}

.checkout-btn-btm-wrap {
  position: fixed;
  width: 95%;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.5s;
}

.checkout-btn-btm-wrap.hide {
  /*bottom: -10vh;*/
}

.checkout-btn-btm-wrap .button-one {
  /*background: linear-gradient(to right, #b79469, #a57c58);*/
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
  font-weight: bold;
  font-size: 18px;
  padding: 0.8rem 1rem;
}

.checkout-btn-btm-wrap .item-label:after {
  content: "";
  background: url('../images/icon-arrow-right-white-bold.png') no-repeat center;
  background-size: contain;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  top: 2px;
  left: 5px;
}

.checkout-btn-btm-wrap .item-qty {
  position: relative;
  vertical-align: middle;
  margin-right: 10px;
  width: 34px;
  height: 1rem;
}

.checkout-btn-btm-wrap .item-qty:before {
  content: "";
  background: url('../images/icon-lock-checkout.png') no-repeat center;
  background-size: 18px;
  width: 32px;
  height: 32px;
  display: inline-block;
  position: absolute;
  background-color: white;
  border-radius: 100%;
  vertical-align: middle;
  left: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.checkout-btn-btm-wrap .item-qty:after {
  content: attr(data-qty);
  font-size: 12px;
  position: absolute;
  background-color: #ff3b30;
  border-radius: 100%;
  min-width: 26px;
  text-align: center;
  border: 3px solid #b79469;
  top: -10px;
  display: inline-block;
  right: -10px;
  padding: 1px;
}


/* Single Category Page */
.category-header {
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 margin-top: 2px;
 position: relative;
}

.category-title {
 color: #fff;
 margin-bottom: 0;
 padding: 48px 0;
 position: relative;
 text-align: center;
 text-transform: uppercase;
}

.vertical-center {
          min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
          /*min-height: 100vh; /* These two lines are counted as one :-)       */

          display: flex;
          align-items: center;
          margin:0 auto;
        }

.icon {
  fill: currentColor !important;
}

/* Theme Customizable -- Default Colors */
.icon-one {
    color: #a57c58;
}

.icon-two {
    color: #000;
}

.icon-three {
    color: #fff;
}

.icon-four {
    color: #999;
}

.button-one {
    /*background: linear-gradient(to right, rgba(255,255,255,.20), transparent);*/
    background-color: #a57c58;
    color: #fff;
}

.button-three {
    background: #afafaf;
    color: #fff;
}

.body-one {
    background-color: #fff;
}

.body-two {
    background-color: #ededed;
}
/* Theme Customizable -- Default Colors */

.menu-item > .row {
  margin-left: 0px!important;
  margin-right: 0px!important;
}

.standard .lazy {
    width: 7.5vw;
    height: 7.5vw;
}

@media (max-width: 767px) {
    .standard img {
        height: auto !important;
    }

    .page-multi-store.list-open .logo-wrap {
        padding-top: 17px;
        /*width: 50%;*/
		width: 100%;
    }
    
    .store-location-list.hide-skip-to-menu .order-step-header {
        padding:34px;
    }
    .store-location-list.hide-skip-to-menu .order-step-header .step-title {
        margin:auto;
    }

}


.standard .col-3 {
  padding-right: 0!important;
}

.featured.menu-item:first-child { border-top: none; }
.featured.menu-item { border-top: 1px solid #d8d8d8; }
.featured.menu-item:last-child { border-bottom: 1px solid #d8d8d8; }

.featured.menu-item > .row > .menu-item-img-wrap {
  width: 100% !important;
  overflow: hidden;
}

.img-shadow {
  box-shadow: 0px -3px 2px 0px #eee;
  height: auto;
}

.btn.symbol {
    border: none;
  padding: 0;
  margin: 0px 4px 4px 4px;
  width: 2rem;
  height: 2rem;
  font-weight: bold;
    transition: all .3s ease-in-out;
}
.btn.symbol:hover {
    box-shadow: 0px 0px 10px 2px #ccc;
    transition: all .3s ease-in-out;
}

.theme-symbol {
  color: #a57c58;
  background: #efefef;
}

.theme-symbol:hover {
  color: currentColor!important;
  background: #efefef;
}

#modal-product {
    font-size: 14px;
    overflow: hidden;
}

#modal-product .modal-header {
    background: #fff;
    border: none !important;
}

#modal-product .modal-title {
    width: 100%;
}

#modal-product .modal-body {
    overflow-x: hidden;
    border: none !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.extra-price{
    color: #cccccc;
}

.deal-container.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.deal-container > .col:first {
  padding: 1rem 0.5rem 1rem !important;
}

.deal-container > .col {
  padding: 0.5rem 1rem !important;
  margin: 0 !important;
}

.img-fluid {
    /*width: 100vw !important;*/
    max-height:100px; width: auto !important;
}

.menu-item-img-wrap .img-fluid{ max-height:  none !important; }

.featured img{ height:calc(100%) !important; }

#deal_slide .menu-category-header {
    border: none !important;
}

.order-count-wrap {
    min-height: 125px;
}

.order-count-wrap .btn, .halfhalf-order-count-wrap .btn {
	/* padding-left: 0; */
	/* padding-right: 0; */
	padding: 0.35rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.order-count-wrap .btn label {
	/* line-height: 1; */
	line-height: 3.27rem;
	margin: 0;
	/* vertical-align: -webkit-baseline-middle; */
}

.order-count-wrap .btn label.btn-letter-more {
	/*line-height: 1;*/
	/* margin-bottom: 0.8rem; */
	/* vertical-align: -webkit-baseline-middle; */
	vertical-align: middle;
}

.btn-add-deal {
    margin-bottom: 1rem;
}


.ui-loader {
    display: none;
}

#other_options .select > option:disabled {
    color: #222;
    background: #efefef;
}
#other_options .select {
    margin-bottom: 0.5rem;
    background: #a57c58;
    border: none;
    border-radius: 6px;
    color: #fff;
    padding: 8px 18px;
    width: 100%;
}
#other_options .select:last-child {
    margin-bottom: 0;
}
#deal_slide .menu-category-header {
    position: static;
}

@media only screen and (min-width: 600.1px) and (max-width: 767.9px) {
    .store-list-wrap .order-step-body {
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
    }
}

@media only screen and (min-width: 375.1px) and (max-width: 767.9px) {
    .store-location-list .order-step-header .step-title {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 767px){
	body{
		-webkit-perspective: initial;
		perspective: initial;
	}
	body.page-menu {
		-webkit-perspective: 750px;
		perspective: 750px;
	}
	body.list-open{
		background-color: #6A6A6A;
	}
	/*body::before{
		background-image: url(../images/banner_01.jpg);
		background-size: cover !important;
		position: fixed;
		top: 0;
		content: "";
		height: 100%;
		width: 100%;
		left: 0;*/
		/*opacity: .1;*/
		/*bottom: 0;
	}*/
	
	/*body.list-open .overlay{
		display: none !important;
	}*/
	
	body.with-bubble #modal-desk-product{
		padding-top: 55px;
	}

    .bubblestoreclosed.show {
        position: fixed;
        z-index: 99999;
        width: 100%;
        top: 0px;
        height:60px;
    }

    body.storeclosed {
        padding-top:60px; /*should be equal to .bubblestoreclosed.show height*/
        /*overflow: auto;*/
    }

    body.storeclosed .page-store .slide .store-content{ padding-bottom: 60px; }

    body.storeclosed #checkoutModal.modal.show,
    body.storeclosed #modal-desk-product.modal.show,
    body.storeclosed #modal-cart.modal.show {
        margin-top:60px; /*should be equal to .bubblestoreclosed.show height*/
    }

    #modal_upsells .card-body {
        margin : 4px 14px;
        font-family: 'Montserrat-Medium';
    }

    body.storeclosed #checkoutModal.modal.show {
        margin-bottom:60px; /*should be equal to .bubblestoreclosed.show height*/
    }

    #modal-desk-product.upsellmobile {
        z-index:1055 !important;
        visibility: visible;
    }
}

/* MOBILE S */
@media only screen and (max-height: 900px) {
    .store-list-wrap.reselect-store .store-list-close {
        margin-top: -2.3rem!important;
    }
    .store-list-wrap.reselect-store .order-step-body{
        margin-top: 65px;
    }
}
@media only screen and (max-height: 700px) {
    /*.order-step.start-order-wrap.show{ top: 41vh !important; }*/
}

@media only screen and (max-height: 650px) {
    /*.order-step.start-order-wrap.show{ top: 43vh !important; }*/
}

@media only screen and (max-height: 600px) {
    /*.order-step.start-order-wrap.show{ top: 48vh !important; }*/
}

@media only screen and (max-height: 560px) {
    /*.order-step.start-order-wrap.show{ top: 50vh !important; }*/
}

@media only screen and (max-height: 520px) {
    /*.order-step.start-order-wrap.show{ top: 53vh !important; }*/
}

@media only screen and (max-height: 500px) {
    /*.order-step.start-order-wrap.show{ top: 55vh !important; }*/
}

@media only screen and (max-height: 450px) {
    /*.order-step.start-order-wrap.show{ top: 60vh !important; }*/
}

@media only screen and (max-height: 400px) {
    /*.order-step.start-order-wrap.show{ top: 68vh !important; }*/
}

@media only screen and (max-width: 320px) {
	.with-bubble #modal-cart .modal-footer {
		bottom: 50px !important;
	}
	.with-bubble #order_wrap {
		max-height: 295px;
    }
	body.with-bubble #modal-cart .modal-content .modal-body {
		max-height: 315px;
	}
	.single-store-open .btn-prev {
		top: 2.3rem;
	}
    .btn-label{
        margin-top: 0.33rem;

    }
    .btn-number{
        padding: 0;
        height: 2.8rem;
        width: 2.64rem;
    }

    .btn-letter-more{
        font-size: 0.5em;
        margin: 0 0 0 0rem;
        /*padding-top: 0.9rem;*/
    }
    .header_method{
        padding-left: 0.5em;
    }

    #snackbar { font-size: 11px; }
    #snackbar .btn { height: 1em; width: 1em; }
    #modal-checkout #deliveryaddress{
        font-size: 14px;
    }
    #modal-message .modal-dialog{
        left: 50%;
        z-index: 1500;
        transform: translate(-60%);
        /*width: calc(47vh - 22px);*/
        /*margin-top: calc(16vh - 22px);*/
    }
    #modal-message .error-list{
        overflow-y: scroll;
        overflow-x: hidden;
        /*min-height: calc(50vh - 12rem);*/
        /*max-height: calc(60vh - 12rem);*/
    }

    .store-option-status{
        padding: 0.1rem 1rem 0.1rem 1rem;
        margin-top: -4px;
        color: #ffffff!important;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        max-width: 100%;
        border-radius: 3px;
        width: 32vw;
        position: absolute;
    }
    .single-store-list .single-store-header {
        background-color: #fff;
        border-top-left-radius: 0.5rem;
        border-top-right-radius: 0.5rem;
        padding: 1rem;
        position: relative;
    }
    .btn-prev {
        top: 1rem;
    }
    .single-store-list p.store-option-type {
        /* font-size: 1.4rem; */
        font-weight: bolder;
        text-transform: uppercase;
        margin-bottom: 0;
        font-size: 25px;
        font-family: 'Montserrat-Medium';
    }

    .method-icon-right {
        margin-top: 1.2rem;
        color: #a57c58;
        font-size: 0.8rem;
    }

    .store-header{
        min-height: 0;
    }
    .store-header .method-title{
        min-height: 1rem;
    }

    .order-step {
        /*background-color: #fff;*/
    }

    .single-store-list .single-store-body.method-3 {
        padding-bottom: 10px;
    }

	.single-store-list .col-md-6 .store-option .col-12{
		padding: 0px 5px;
	}

    #modal-warning-resp, #modal-alert-resp, #modal-confirm-reorder, #modal-promo-resp, #modal-promo-resp-text, #modal-confirm-resp-text, #modal-error-resp, #sso-modal-error-resp, #nfc-modal-error-resp {
        padding-top: 50%;
}
    #modal-warning-resp,
    #modal-alert-resp,
    #modal-confirm-reorder {
        z-index: 99999 !important;
    }
    .order-step-body {
        padding: 0.5rem 1.5rem;
    }
    .order-step.start-order-wrap .step-title {
        font-size : 1.3rem;
    }
    .current-location-image {
        font-size: large !important;
    }
    .current-location-text {
        font-size: 0.9rem !important;
    }
    .divider {
        margin: 10px auto !important;
    }
    .order-step.start-order-wrap.show {
        /*top: 55vh !important;*/
    }
    body {
        /*height: 120vh;*/
    }

    .store-location-list .order-step-header .step-title {
        font-size: 1.3rem;
    }
    .store-list-wrap .order-step-body {
        margin-top: 85px;
    }

     #category_all_slide .ui-effects-placeholder{
      display: none !important;
    }
}

/* MOBILE M */
@media only screen and (min-width: 320.1px) and (max-width: 414px) {
    .store-list-close {
        margin-top: -2.3rem!important;
    }
    .store-list-wrap.reselect-store .order-step-body{
        margin-top: 65px;
    }
    body {
        /*height: 122vh;*/
    }
	.single-store-open .btn-prev {
		top: 2.3rem;
	}
    #modal-option .method-header-left {
        /*height: 60px;*/
        /*width: 60px;*/
    }

    .header_method{
        padding-left: 0.5em;
    }

    .pl-2, .px-2 {
             padding-left: 0rem !important; 
        }

    .pr-2, .px-2 {
        padding-right: 0rem!important; 
    }

    .store-location-list .order-step-header .step-title {
        font-size: 1.3rem;
    }
    .store-list-wrap .order-step-body {
        margin-top: 85px;
    }
    .divider {
        margin: 10px auto !important;
    }

    #snackbar { font-size: 12px; }
    #snackbar .btn { height: 1em; width: 1em; }
    #modal-checkout #deliveryaddress{
        font-size: 14px;
    }
    #modal-message .modal-dialog{
        transform: translate(-58%);
        left: 50%;

        /*width: calc(45vh - 22px);*/
        z-index: 1500;
        /*margin-top: calc(7vh - 22px);*/

    }
    .store-option-icon{
        margin-top: 0px;
        font-size:35px;
        width: 65px !important;
        border-radius: 100px !important;
        height: 65px !important;
    }

    .method-4.single-store-list .single-store-options-wrap > .row > .col-6 > .store-option .store-option-icon{
        width: 92px !important;
        height: 92px !important;
        padding-top:24px !important;
    }

    .method-2.single-store-list .single-store-options-wrap > .row > .col-6 > .store-option .store-option-icon{
        width: 92px !important;
        height: 92px !important;
        padding-top:21px !important;
        font-size:39px;
    }

    #modal-hours .nav-tabs {
        width: 95vw;
        overflow-x: scroll;
    }

    .method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-success,
    .method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-danger{
        width: 92px !important;
    }


    .store-option-status{
        /* padding: 0.1rem 1rem 0.1rem 1rem; */
        margin-top: 0px;
        color:#ffffff!important;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        /* width: 100%; */
        border-radius: 3px;
		/*padding: 0 0.3rem;*/
        padding:0 0.7rem 0.1rem 0.7rem;
		display: inline-block;
		font-size: 0.8rem;
        width:60px;
    }

    .store-header .method-title{
        min-height: 1rem;
    }
    .order-step {
        /* background-color: #fff; */
    }
    .single-store-list .single-store-body.method-3 {
        padding-bottom: 10px;
    }
    #modal-warning-resp, #modal-alert-resp, #modal-confirm-reorder, #modal-promo-resp,  #modal-promo-resp-text, #modal-confirm-resp-text, #modal-error-resp,#sso-modal-error-resp, #nfc-modal-error-resp {
        padding-top: 50%;
    }

    #category_all_slide .ui-effects-placeholder{
      display: none !important;
    }

}

/* MOBILE L */
@media only screen and (min-width: 375.1px) and (max-width: 425px) {
    .store-list-wrap.reselect-store .order-step-body{
        margin-top: 65px;
    }
	.single-store-open .btn-prev {
		top: 2.3rem;
	}
    #snackbar { font-size: 14px; }
    #snackbar .btn { height: 1em; width: 1em; }
    #modal-checkout #deliveryaddress{
        font-size: 14px;
    }

    #category_all_slide .ui-effects-placeholder{
      display: none !important;
    }

    #modal-option .method-header-left {
        /*height: 60px;*/
        /*width: 60px;*/
    }


    .header_method{
        padding-left: 0.5em;
    }

    #modal-message .modal-dialog{
        transform: translate(-58%);
        left: 50%;
        /*width: calc(46vh - 22px);*/
        z-index:1500;
        /*margin-top:calc(11vh - 22px);*/

    }

    .store-option-status{
        margin-top: 0px;
        color: #ffffff!important;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        border-radius: 5px;
        padding: 0.1rem 0.7rem;
        font-size: 0.9rem;
        width: 60px;
        position: relative;
        margin-bottom: 0;
    }

    .store-header{
        min-height: 80px;
    }

    .store-header .method-title{
        min-height: 1rem;
    }
    .order-step {
        /*background-color: #fff;*/
    }
    .single-store-list .single-store-body.method-3 {
        padding-bottom: 10px;
    }
    #modal-warning-resp, #modal-alert-resp, #modal-confirm-reorder, #modal-promo-resp,  #modal-confirm-resp-text, #modal-promo-resp-text, #modal-error-resp,#sso-modal-error-resp, #nfc-modal-error-resp{
        padding-top: 50%;
}
}

#snackbar {
    visibility: hidden;
    padding: 0.75rem;
    position: fixed;
    z-index: 10000;
    width: 100vw;
    top: 33px;

    color: #fff;
    text-align: left;
    /*font-style: italic;*/
}

#snackbar p {
    padding: 0;
    margin: 0;
}

.snackbar-success {
    background: #43B929;
}

.snackbar-danger {
    background: #FF3B30;
}

.snackbar-warning {
    background: #f29400;
}

.btn-svg {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0;
    border: none;
}

.btn-close {
    /* width: 30px; */
    /* height: 30px; */
	cursor: pointer;

}

.btn-close svg {
    padding: 0.3rem 0 0.4rem;
}

.btn-text {
    width: 1.25em;
    height: 1.25em;
}

.btn-text svg {
    padding: 0.2rem;
}

.btn-like.disabled {
    color: #bbb;
    /* background-color: #efeff4; */
	background-color: #fff;
    background-image: url('../images/icon-heart-dark.png');
	position: absolute;
	right: 0.6rem;
	top: 1.5rem;
}

.btn-like svg {
    padding: 0.3rem;
}

.btn-back svg {
    padding: 0.3rem 0;
}

#snackbar.show {
    visibility: visible;
}

#ingredients-tab {
  /* margin-right: 0.6rem; */
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  position: absolute;
  border-bottom: 2px solid #a57c58;
  -moz-transition: left .5s;
  -webkit-transition: left .5s;
  transition: left .5s;
}

#fees_toggle svg{
    height: 1.5em !important;
    padding: 0.25em 0.75em 0.25em 0.25em !important;
}


#fees_toggle {
	/*background-image: url('../images/icon-arrow-up-gold.png');
	background-position: left 70%;
	background-repeat: no-repeat;
	background-size: 4%;*/
	border: none;
	border-radius: 0%;
	color: #a57c58;
	font-family: 'Montserrat-Medium';
	text-align: left;
	/*text-transform: uppercase;*/
	padding: 0.5rem 2rem 0 1.75rem;
	margin: 0.5rem 0;
	font-size: 1.1rem;
}

#fees_toggle.collapsed {
	/* background-image: url('../images/icon-plus-gold-bold.png'); */
	/*background-image: url('../images/icon-arrow-down-gold.png');*/
}

#fees_toggle .mobilefeeicon {
    margin-left: -25px;
    margin-right: 10px;
}

#fees_collapse {
    font-family: "Montserrat-Medium";
    color:rgb(136, 136, 136);
}

#fees_toggle div {
    width: 2rem;
}

#fees_collapse .card-body {
    border: none;
    padding: 0.5rem 2rem 0.5rem;
}

#cart_item_list {
    margin: 0;
}
.coupon-input-wrap {
    /* padding: 0 2rem 0.5rem; */
	/* padding: 0 0 0.5rem; */
	/* padding: 1rem 0; */
	padding: 0.25rem 0;
}

.coupon-input-wrap .input-group {
	background: #f3f3f3;
    border-radius: 26px;
	height: 45px;
    /* padding: 0.3rem; */
}

.coupon-input-wrap .input-group-append {
	width: auto;
}

.coupon-input-wrap #fillup {
	display: none;
	padding: 0 1.4rem;
}

.coupon-input-wrap #coupon-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 68%;
	border-radius: 22px;
	display: inline-block;
	padding: 0.7rem;
}

.coupon-input-wrap #coupon-icon.valid {
	background-color: #4cd964;
	background-image: url('../images/icon-check-white.png');
}

.coupon-input-wrap #coupon-icon.invalid {
	background-color: #ff3b30;
	background-image: url('../images/icon-x-white.png');
}

.coupon-input-wrap #coupon-msg {
	display: inline-block;
	font-family: 'Montserrat-Medium';
	vertical-align: top;
}

.coupon-input-wrap #coupon-msg.valid {
	color: #4cd964;
}

.coupon-input-wrap #coupon-msg.invalid {
	color: #ff3b30;
}

#modal-product .modal-header,
#modal-halfhalf .modal-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#modal-desk-halfhalf .modal-title{
    font-size: 22px;
    /*color: black !important;*/
}

#modal-desk-halfhalf .modal-desc{
   	font-size: 16px;
    color: #FFFFFF !important;
}

#modal-cart {
	/* opacity: 0; */
	transition: opacity .15s;
}

#modal-cart .modal-dialog {
	-webkit-transform: translate(0, 102%);
	transform: translate(0, 102%);
}

#modal-cart.show .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

/* #modal-checkout .modal-content, */
#modal-product .modal-content,
#modal-message3 .modal-content,
#modal-message4 .modal-content,
.with-bubble #modal-cart .modal-content,
#modal-halfhalf .modal-content {
    margin-top: calc(85px + 0.5rem);
    /*height: calc(100vh - (33px + 1rem));*/
    margin-bottom: 0.5rem
}
.with-bubble #modal-cart .modal-content {
    margin-top: 95px;
}
div#modal-cart .modal-content {
    margin-top: 40px;
}

#modal-checkout .modal-header {
	/* height: calc(100vh); */
	transition: margin-top .5s;
}

#modal-checkout .modal-content.step-1 {
	/*height: 100vh;*/
	margin-top: -10px;
}

#modal-checkout .modal-body > .tab-pane {
	background-color: #fff;
	transition: transform 0.5s;
}

#modal-checkout .modal-body > .tab-pane .tab-pane-content {
	/* display: none; */
	opacity: 0;
	transition: opacity .5s;
}

#modal-checkout .tab-pane.active {
	z-index: 5;
}

#modal-checkout .modal-body > .tab-pane.active .tab-pane-content {
	/* display: block; */
	opacity: 1;
}

/*#modal-checkout .tab-pane.mobile-location-confirmation {
	transform: translate(0, 104%);
}*/

#modal-checkout .tab-pane.mobile-location-confirmation.tab-stack {
	transform: translate(0, 0);
}

#modal-checkout .tab-pane.mobile-order-time {
	transform: translate(0, 114%);
}

#modal-checkout .tab-pane.mobile-order-time.tab-stack {
	/*height: 74vh;*/
	transform: translate(0, 12%);
}

#modal-checkout .tab-pane.mobile-order-time .tab-pane-content {
	/*height: 64vh;*/
}

#modal-checkout .tab-pane.mobile-customer-details {
	transform: translate(0, 119%);
}

#modal-checkout .tab-pane.mobile-customer-details.tab-stack {
	/*height: 78vh;*/
	transform: translate(0, 21%);
}

#modal-checkout .tab-pane.mobile-customer-details .form-container {
	/*height: 57vh;*/
	overflow: scroll;
}

#modal-checkout .tab-pane.mobile-payment {
	transform: translate(0, 131%);
}

#modal-checkout .tab-pane.mobile-payment.tab-stack {
	transform: translate(0, 34%);
}

#modal-checkout .tab-pane.mobile-payment .paymentmethods {
	/*height: 52vh;*/
	overflow: scroll;
}

#modal-checkout .modal-footer {
	/* bottom: -48px; */
	position: fixed;
	top: calc(100%);
    width: 100%;
    z-index: 10;
}

#coupon_code {
    font-family: 'Montserrat-Medium';
    font-style: italic;
	border-color: transparent;
    border-radius: 22px !important;
    background-color: transparent;
	background-image: url('../images/icon-ticket.png');
	background-position: 0.5rem;
	background-repeat: no-repeat;
	background-size: 10%;
    color: #000;
    /*height: 42px;*/
	padding: 0 1rem 0 3rem;
}

#coupon_code.disabled {
    font-family: 'Montserrat-Medium';
    border-radius: 22px !important;
    color: #888;
}

.btn-coupon svg {
    padding: 0.5rem;
}

.coupon-input-wrap .input-group > .input-group-append > .btn {
	height: 100%;
	padding: 0.3rem;
}

.btn-coupon {
	background-color: #fff;
	color: #a57c58;
    /* height: 32px !important; */
    /* width: 32px !important; */
    opacity: 1;
	width: 100%;
}

.btn-coupon.disabled {
    opacity: 0.7;
}

#modal-checkout .modal-body,
#modal-cart .modal-body,
#modal-message3 .modal-body,
#modal-message4 .modal-body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-top: 0;
}

/* #modal-cart .modal-header, */
#modal-message3 .modal-header,
#modal-message4 .modal-header {
    padding-bottom: 0.5rem;
}

#modal-product .modal-body {
    /*min-height: calc(80vh - 1.5rem);*/
    /*max-height: calc(80vh - 1.5rem);*/
    overflow-y: auto;
}

#modal-message2 {
    z-index: 2050 !important;
    background: rgba(0,0,0,0.5);
}

#modal-message2 .modal-title {
    color:#a57c58;
    text-align: center;
}

#modal-message2 .modal-body {
    padding: 0 1rem;
    /*max-height: 30vh;*/
    overflow-y: auto;
}

/*#modal-message2 .modal-dialog {
    margin: 0 1.5rem;
}*/

.cart-order-item-list-wrap {
	/*height: 32vh;*/
	overflow-x: hidden;
	/* overflow-y: auto; */
	overflow-y: scroll;
}

.cart-order-item-list-wrap .cart_edit_item {

}

#modal-confirm {
    z-index: 2050 !important;
    background: rgba(0,0,0,0.5) !important;
}

#modal-confirm .modal-dialog {
    margin: 0 4rem;
}

#modal-confirm .modal-header {
    border: none;
}

#modal-confirm .modal-title {
    color: #a57c58;
}

#modal-confirm .modal-content {
    background: #fff !important;
}

#modal-confirm button {
    border: none;
    /*text-transform: uppercase;*/
}

#modal-checkout .modal-header{
    padding: 0;
}

#modal-checkout .modal-header {
	border-bottom: 1px solid #d8d8d8;
}

#modal-cart .coupon-code {
    color: #a57c58;
    font-family: 'Montserrat-Medium';
}

#modal-cart .modal-title {
    font-size: 1.5rem;
    font-family: 'Montserrat-Medium';
    color: black;
}

#modal-cart .payment-mode {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	border: 1px solid #efeff4;
	border-radius: 0.3rem;
	display: inline-block;
	height: 30px;
	margin: 0 0.22rem;
	width: 46px;
}

#modal-cart .modal-note-wrap p {
	color: #a6a6ab;
	font-size: 0.8rem;
	font-style: italic;
	margin-bottom: 0.25rem;
}

#modal-cart #payment-cc-master {
	background-image: url('../images/icon-mastercard.png');
}

#modal-cart #payment-cc-visa {
	background-image: url('../images/icon-visa.png');
}

#modal-cart #payment-paypal {
	background-image: url('../images/icon-paypal.png');
}

#modal-cart #payment-cash {
	background-image: url('../images/icon-cash.png');
}

.front, .back {
    height: auto !important;
}

#modal-menu .modal-body {
    padding-bottom: 1rem;
}

#modal-menu .modal-title {
    margin: 0 -30px;
}

.modal-header > .btn-svg {
    height: 30px!important;
    width: 30px!important;
    z-index: 2000;
}


.modal-cart-fee > .modal-cart-total-label {
    text-transform: capitalize !important;
}

#empty_cart h3 > strong {
    font-family: 'Montserrat-Medium' !important;
    color: #333;
}

#empty_cart button {
    font-family: 'Montserrat-Medium';
    text-transform: uppercase;
    font-size: 20px;
    border: none;
    height: 3rem;
    width: 100%;
}

#modal-message3 .rounded-circle,
#modal-message4 .rounded-circle{
    border: 2px solid white;
    height: 11rem;
    width: 11rem;
    background: #a57c58;
}

#modal-message3 .modal-body,
#modal-message4 .modal-body{
    background: transparent;
}

#modal-message3 .check-icon{
    padding: 0.3rem 0;
}


#modal-message3 .modal-footer,
#modal-message4 .modal-footer{
    margin: 0 3rem 3rem 3rem;
}
#modal-message4 .warning-icon{

    padding: 2rem 0.2rem 0rem 2.2rem;

}

#modal-message3 h5,
#modal-message4 h5{
    color: #ffffff;
    text-transform: uppercase;
    font-family: 'Montserrat-Black';
    font-size: 1.6rem
}

#modal-message3 .block-green {
  background-color: #54dd6e;
  width: 95%;
  border-radius: 8px;
  padding: 1rem 0.8rem;
}

#modal-message3 .check-icon i {
  background-image: url('../images/icon-check-white-border.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 94px;
  height: 94px;
  display: inline-block;
}

#modal-guest-info .modal-dialog {
	max-height: inherit;
	overflow-y: unset;
}

#modal-guest-info .modal-content {
	/*height: 100vh;*/
}

#modal-guest-info .modal-title {
	font-family: 'Montserrat-Medium';
	padding: 1rem 0;
}

#modal-guest-info .modal-title.closed {
	color: #737377;
	font-size: 1rem;
	font-style: normal;
	line-height: 1.5;
	margin-bottom: 0;
	padding-left: 1rem;
	text-align: left;
}

#modal-guest-info .modal-data-closed {
	margin-bottom: 0;
	padding: 1rem 0 1rem 0.5rem;
	text-align: left;
}

#modal-guest-info .modal-status-closed {
	background-color: #efeff4;
	/* background-image: url('../images/bg-store-list-active.png'); */
	/* background-position: left; */
	/* background-repeat: no-repeat; */
	/* background-size: 46%; */
	border-bottom-left-radius: 1.2rem;
	border-top-left-radius: 1.2rem;
	height: 40px;
	padding: 0.4rem;
	position: absolute;
	right: 0;
	top: 8px;
	width: 84px;
}

#modal-guest-info .modal-status-closed span {
	display: inline-block;
}

#modal-guest-info .header-info {
	position: relative;
}

#modal-guest-info .header-info .status.valid {
	background-color: #4cd964;
	background-image: url('../images/icon-check-white.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 65%;
	border-radius: 50%;
	float: left;
	height: 28px;
	width: 28px;
}

#modal-guest-info .modal-status-closed .order-next {
	background-image: url('../images/icon-arrow-right-gold.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 48%;
	height: 26px;
	width: 26px;
}

#modal-guest-info .modal-section-header {
	border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    box-shadow: 0px -5px 10px -4px rgba(51, 51, 51, 0.3);
	/* padding: 1rem; */
	position: relative;
}

#modal-guest-info .modal-section-header-title-wrap {
	float: left;
	width: 36%;
}

#modal-guest-info .modal-section-header-data-wrap {
	float: left;
	width: 60%;
}

#modal-guest-info .modal-section-header-icon-wrap {
	float: left;
	margin: 1rem;
}

#modal-guest-info .modal-section-header-icon {
	background-position: center;
    background-repeat: no-repeat;
    background-size: 68%;
	border-radius: 50%;
    height: 24px;
    width: 24px;
}

#modal-guest-info .modal-section-header-icon.valid {
	background-color: #43da5d;
	background-image: url('../images/icon-check-white.png');
}

#modal-guest-info .modal-section-header-btn-open-wrap {
	height: 30px;
	left: 1rem;
	position: absolute;
	top: 0;
	width: 30px;
}

#modal-guest-info .modal-section-header-btn-open-wrap .btn-up {
	background-image: url('../images/icon-arrow-up-gold.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: 58%;
	border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    height: 100%;
    width: 100%;
}

#modal-guest-info .modal-section-header-btn-wrap {
	background-color: #efeff4;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    height: 2.05rem;
    padding: 0.26rem;
    position: absolute;
    right: 0;
    top: 13px;
    /* width: 2.2rem; */
}

#modal-guest-info .modal-section-header-btn-wrap .btn-close {
	background-position: center;
	height: 1.55rem;
	padding: 0;
	position: static;
	width: 1.55rem;
}

#modal-guest-info .modal-section-header-btn-wrap .btn-valid {
	background-color: #4cd964;
    background-image: url(../images/icon-check-white.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1rem;
    /* border-bottom-left-radius: 1.2rem; */
    /* border-top-left-radius: 1.2rem; */
    border-radius: 50%;
	display: none;
	float: left;
    height: 1.5rem !important;
    /* position: absolute; */
    /* right: 0; */
    /* top: 21px; */
    width: 1.5rem !important;
    /* border: 0 none; */
}

#modal-guest-info .modal-section-body {
	border-top: 1px solid #d8d8d8;
	/* height: 56vh; */
	overflow-y: scroll;
	padding: 1rem;
}

#modal-guest-info .modal-section-title {
	font-family: 'Montserrat-Medium';
}

#modal-guest-info .guest-info-form-section {
	border-bottom: 1px solid #d8d8d8;
	padding: 1rem 0 0.5rem;
}

#modal-guest-info .guest-info-form {
	padding: 1rem 0;
}

#modal-guest-info .guest-info-form .input-group {
	background-color: #efeff4;
	border-radius: 31px;
}

#modal-guest-info .guest-info-form .input-group .input-group-append .btn {
	background-color: #fff;

}

#modal-guest-info .guest-info-form #whats-this {
	background-image: url(../images/icon-question-grey.png);
    background-size: 30%;
}

#modal-guest-info .guest-info-form .toggle-remember-wrap {
	border-top: 1px solid #d8d8d8;
	margin-top: 0.5rem;
	padding-top: 1rem;
}

#modal-guest-info .guest-info-form .toggle-remember-wrap #remember-card {
	width: 70%;
}

#modal-guest-info .guest-info-form .toggle-remember-wrap #no-remember-card {
	width: 28%;
}

#modal-guest-info .guest-info-form-section:first-child {
	padding-top: 0;
}

#modal-guest-info #view-map {
	font-size: 0.88rem;
	font-style: italic;
}

#modal-guest-info .next-btn-wrap {
	/* margin: 0 1rem; */
	/* padding: 1.5rem 1rem; */
	padding: 0;
}

.modal-section-header .btn-close {
	top: 14px;
}


#modal-guest-info .address-map-wrap {
	padding: 1rem 0;
}

#modal-guest-info #address-map {
	background-color: #d8d8d8;
	/*height: 40vh;*/
}

#modal-guest-info .time-input-wrap .btn-group-toggle {
	background-color: #af8a62;
    border-radius: 31px;
	padding: 0.45rem;
}

#modal-guest-info .time-input-wrap .btn-group-toggle label {
	font-size: 0.8rem;
	margin: 0;
}

#modal-guest-info .time-input-wrap .btn-group-toggle .btn {
	color: #fff;
	font-size: 1rem;
	width: 49%;
}

#modal-guest-info .time-input-wrap .btn-group-toggle .btn.active {
	background-color: #fff;
	color: #b08c63;
}

#modal-guest-info .time-input-wrap .btn-group-toggle .btn.active label {
	font-family: 'Montserrat-Medium';
}

#modal-guest-info .time-input-wrap .store-time-wrap {
	margin-bottom: 1rem;
}

#modal-guest-info .time-input-wrap .store-time-title {
	background-image: url('../images/icon-time-gold.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	color: #b08c63;
	display: inline;
	font-size: 0.8rem;
	padding-left: 1.5rem;
}

#modal-guest-info .time-input-wrap .store-time-dropdown-field {
	background-image: url('../images/icon-arrow-down-gold.png');
	background-position: 80%;
	background-repeat: no-repeat;
	background-size: 5%;
}

#modal-guest-info .time-input-wrap .store-time-dropdown-field.open {
	background-image: url('../images/icon-arrow-up-gold.png');
}

#modal-guest-info .time-input-wrap .store-time-dropdown-items-wrap {
	display: none;
}

#modal-guest-info .time-input-wrap .store-time-dropdown-items-wrap ul {
	margin: 0;
}

#modal-guest-info .time-input-wrap .store-time-dropdown-items-wrap.open {
	display: block;
}

#modal-guest-info .time-input-wrap .store-day,
#modal-guest-info .time-input-wrap .store-time {
	font-size: 0.8rem;
	margin: 0
}

#modal-guest-info .time-input-wrap .store-day {
	text-align: right;
}

#modal-guest-info .time-input-wrap .store-time {
	text-align: left;
}

#modal-guest-info .signup-toggle-wrap label {
	font-size: 0.8rem;
}

#modal-guest-info #no-newsletter {
	width: 24%;
}

#modal-guest-info #signup-newsletter {
	width: 74%;
}

#modal-guest-info .store-order-notif-wrap {
	/* background-color: #efeff4; */
	border-radius: 1rem;
	margin: 1rem 0;
	/* padding: 2rem 2.5rem; */
}

#modal-guest-info .store-order-notif-wrap .store-order-notif {
	background-color: #efeff4;
	background-image: url('../images/icon-clock-gold.png');
	background-position: 3rem;
	background-repeat: no-repeat;
	background-size: 20%;
	border-radius: 0.5rem;
	color: #b08c63;
	/* margin-bottom: 2rem; */
	/* padding-left: 4rem; */
	padding: 4rem 2.5rem 4rem 6rem;
}

#modal-guest-info .store-order-notif-wrap .store-order-notif p {
	line-height: 1;
	margin: 0;
}

#modal-guest-info .store-order-notif-wrap .store-order-notif-time {
	font-family: 'Montserrat-Medium';
	font-size: 2rem;
}

#modal-guest-info .store-order-notif-wrap .store-order-notif-note {
	font-size: 0.8rem;
	margin-top: 1rem;
	padding: 0 3.5rem;
}

#modal-guest-info .store-order-notif-wrap .store-order-notif-note p {
	margin: 0;
}

#modal-guest-info #customer-info-wrap .addtl-msg-wrap {
	padding-top: 1rem;
}

#modal-guest-info #customer-info-wrap .addtl-msg-wrap input {
	border-radius: 0.5rem;
}

#modal-guest-info #customer-info-wrap .modal-section-body {
	/*height: 47vh;*/
}

#modal-guest-info #payment-info-wrap .modal-section-body {
	background-color: #efeff4;
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	/* height: 47vh; */
	/*height: 39vh;*/
	overflow-x: hidden;
	overflow-y: unset;
	padding: 1rem;
	position: relative;
}

#modal-guest-info #payment-info-wrap .section-title {
	margin: 0;
}

#modal-guest-info .payment-options-wrap {
	height: 15.5rem;
	overflow-y: scroll;
	text-align: left;
}

#modal-guest-info .payment-option {
	background-color: #fff;
    border-radius: 0.5rem;
    margin: 0.7rem 0;
    /* padding: 1rem; */
}


#modal-guest-info .payment-option-header,
#modal-guest-info .cc-item-header {
	background-position: 0.7rem;
	background-repeat: no-repeat;
	background-size: 14%;
	padding: 0.8rem 0.8rem 0.8rem 4.5rem;
	position: relative;
}

#modal-guest-info #payment-cc .payment-option-header {
	background-image: url('../images/icon-cc-round.png');
}

#modal-guest-info .toggle-cc-wrap {
	margin-top: 0.2rem;
}

#modal-guest-info .toggle-cc-wrap .btn-group-toggle {
	margin-bottom: 0;
}

#modal-guest-info .cc-list-wrap {
	display: flex;
	/* height: 60px; */
	/* left: -50px; */
	min-height: 60px;
	min-width: 100%;
	overflow-x: auto;
	padding: 1rem 0.5rem;
	/* position: absolute; */
	/* width: 622px; */
}

#modal-guest-info .cc-item-wrap {
	padding: 0 0.3rem;
}

#modal-guest-info .cc-item {
	background-color: #fff;
	border-radius: 0.5rem;
	box-shadow: 0px 0px 10px 2px rgba(51, 51, 51, 0.1);
	/* float: left; */
	/* margin: 0 0.3rem; */
	min-width: 276px;
	/* width: 295px; */
}

#modal-guest-info .cc-item .cc-delete {
	bottom: 0.5rem;
	position: absolute;
	right: 1rem;
}

#modal-guest-info #payment-cash .payment-option-header {
	background-image: url('../images/icon-cash-round.png');
}

#modal-guest-info #payment-paypal .payment-option-header {
	background-image: url('../images/icon-paypal-round.png');
}

#modal-guest-info .payment-option.active .payment-option-header {
	background-image: url('../images/icon-check-round-green.png') !important;
	/* background-position: 0.7rem; */
	/* background-size: 12%; */
}

#modal-guest-info .payment-option-header p,
#modal-guest-info .cc-item-header p {
	color: #a4a4a4;
	display: none;
	font-size: 0.8rem;
	line-height: 1.2;
	margin: 0;
}

#modal-guest-info .payment-option-body {
	border-top: 1px solid #d8d8d8;
	display: none;
	margin: 0 0.7rem 1rem;
	/* padding: 1rem 0; */
}

#modal-guest-info .cc-item-header {
	background-size: 18%;
}

#modal-guest-info .cc-item-header p {
	display: block;
}

/* #modal-guest-info .payment-option input { */
	/* background-color: #efeff4; */
	/* border: 0; */
    /* border-radius: 22px; */
    /* color: #000; */
	/* padding: 0.5rem 1rem; */
/* } */

#modal-guest-info .payment-option-title,
#modal-guest-info .cc-item-title {
	color: #737377;
	font-family: 'Montserrat-Medium';
	font-size: 1rem;
	margin: 0.5rem 0;
}

#modal-guest-info .modal-security-note-wrap {
	/* background-image: url('../images/icon-lock-grey-sm.png'); */
	/* background-position: 3.5rem; */
	/* background-repeat: no-repeat; */
	/* background-size: contain; */
	margin-top: 0.5rem;
}

#modal-guest-info .modal-security-note-wrap p {
	background-image: url('../images/icon-lock-grey-sm.png');
	background-position: 4rem;
	background-repeat: no-repeat;
	background-size: contain;
	color: #a4a4a4;
	font-size: 0.65rem;
	font-style: italic;
	margin: 0;
}

#modal-guest-info .payment-option-active {
	background-color: #a57c58;
    display: none;
    height: 35px;
    position: absolute;
    right: 0;
    top: 23%;
    width: 30px;
}

#modal-guest-info .payment-option.active .payment-option-header p {
	display: block;
}

#modal-guest-info .payment-option.active .payment-option-title {
	/* margin: 0 0 0.5rem 0; */
	margin: 0;
}

#modal-guest-info #payment-cc.payment-option.active .payment-option-title {
	margin: 0.5rem 0;
}

#modal-guest-info .payment-option.active .payment-option-active {
	display: block;
}

#modal-guest-info .pickup-address-wrap {
	border: 1px solid #d8d8d8;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    margin-bottom: -1rem;
	margin-top: 1rem;
}

#modal-guest-info .pickup-address-title {
	background-color: #fff;
    font-size: 0.75rem;
    margin: -0.5rem auto 0;
    text-transform: uppercase;
    width: 90%;
}

#modal-guest-info .pickup-store-name {
	color: #a57c58;
    font-family: 'Montserrat-SemiBold';
    margin: 1rem 0 0;
    text-transform: uppercase;
}

.payment-option-active-icon-wrap {
	background-image: url(../images/bg-store-list-active.png);
    background-repeat: no-repeat;
    background-size: cover;
	height: 100%;
	padding: 8px 5px;
	width: 100%;
}

.payment-option-active-icon {
	background-color: #fff;
    background-image: url(../images/icon-check-gold.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
    border-radius: 50%;
    height: 100%;
    width: 100%;
}


.pac-container {
    border-bottom-left-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
}


#modal-method-pick .modal-content, #modal-time-picker .modal-content,#modal-user-details .modal-content, /* #modal-guest-info .modal-content, */ #modal-checkout-payment .modal-content {
    border-radius: 0.5rem !important;
	/*height: 100vh;*/
    margin-bottom: 0.5rem !important;
    /* margin-top: calc(33px + 0.5rem) !important; */
	/* margin-top: calc(10px + 0.5rem) !important; */
}

#modal-method-pick .modal-header, #modal-time-picker .modal-header, #modal-user-details .modal-header, #modal-checkout-payment .modal-header {
    background: #fff;
    border-radius: 0.5rem !important;
    margin-top: 2rem !important;
}
#modal-later-info .modal-header {
    background: #fff;
    border-radius: 0.5rem !important;
    margin-top: 6rem !important;
}

#modal-guest-info .modal-footer {
    margin: 0 0 0.5rem;
}

#modal-guest-info .modal-header {
    background: #fff;
	border: 0;
    /* border-radius: 0.5rem !important; */
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
    /* padding-bottom:0.3rem; */
	padding: 0;
     /* margin-top: 5rem !important; */
	 margin-top: 3rem;
}

#modal-guest-info .modal-body {
	border-bottom-left-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	padding: 0;
}

#modal-method-pick .header-icon, #modal-time-picker .header-icon, #modal-user-details .header-icon, #modal-later-info .header-icon, #modal-checkout-payment .header-icon {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    padding: 1rem 1rem 0;
    margin-top: -3rem;
    background: #fff;
    height: 4rem;
}

#modal-guest-info .header-icon {
    border-top-right-radius: 100%;
    border-top-left-radius: 100%;
    padding: 1rem 1rem 0;
    margin-top: -3rem;
    margin-bottom: -0.5rem;
    background: #fff;
}

#modal-method-pick .header-icon svg, #modal-time-picker .header-icon svg, #modal-user-details .header-icon svg,  #modal-guest-info .header-icon svg, #modal-later-info .header-icon svg, #modal-checkout-payment .header-icon svg{
    width: 3rem !important;
    height: 3rem !important;
}

#modal-method-pick .header-info, #modal-time-picker .header-info, #modal-user-details .header-info, #modal-guest-info .header-info, #modal-guest-info .modal-data-closed, #modal-later-info .header-info, #modal-checkout-payment .header-info {
    font-family: 'Montserrat-MediumItalic';
    font-style: italic;
}

#modal-guest-info .header-time-estimate, #modal-later-info .header-time-estimate {
    font-size:13px;
}

#modal-later-info .header-content-title {
    margin-top: 1rem;
    font-size:1.25rem;
}

.info-store,
.info-method {
    font-family: 'Montserrat-Medium';
    font-style: normal;
}

/* #modal-method-pick .header-total,#modal-timer-picker .header-total, #modal-user-details .header-total, #modal-guest-info .header-total, */
#modal-method-pick .header-time,#modal-time-picker .header-time, #modal-user-details .header-time,#modal-checkout-payment .header-time, #modal-checkout-payment .header-time {
    font-size: 0.8rem;
}

.header-total {
    color: #a57c58;
    font-family: 'Montserrat-Medium';
    font-size: 1.5rem;
}

#modal-method-pick .btn-when,#modal-time-picker .btn-when {
    width: 4rem !important;
    height: 4rem !important;
}

#step-two .body-title {
    margin-left: -32px !important;
}

#modal-method-pick .body-title,#modal-time-picker .body-title ,#modal-user-details .body-title , #modal-checkout-payment .body-title{
    /* font-family: 'Oswald Medium Italic'; */
    font-family: 'Oswald Bold Italic';
    text-transform: uppercase;
    font-size: 1.5rem;
    width: 100%;
    text-align: center;
}

#modal-guest-info .body-title {
    font-size: 15px;
    padding: 0 4rem 0px 4rem;
    margin-bottom: 1rem;
}

#modal-method-pick .body-msg,#modal-time-picker .body-msg, #modal-user-details .body-msg, #modal-guest-info .body-msg, #modal-checkout-payment .body-msg  {
    font-family: 'Montserrat-Medium';
}

#modal-checkout-payment .btn-pay {
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    background: #a57c58;
    color: #fff;
    border: none;
}
#modal-checkout-payment .btn-pay.disabled {
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
    transition: all 0.2s;
    background: #3c3c3c !important;
    color: #898989 !important;
}

#modal-checkout-payment .payment-icon {
    width: 2rem !important;
    height: 2rem !important;
}
#modal-checkout-payment .payment-label {
    font-family: 'Montserrat-Medium';
    text-transform: uppercase !important;
    color: #333;
}

#modal-checkout-payment #store-payment {
    border-radius: 0.5rem;
    border: 1px solid #fff;
    background: #fff;
}

#modal-checkout-payment .payment-option {
    background: transparent;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}

#modal-checkout-payment .payment-option:last-child {
    border-color: transparent;
}

#modal-method-pick .rounded-circle{
    height: 5rem;
    width: 5rem;
}
#preorder_picker .flex-column{
    margin-top: 0.3rem!important;
}
#modal-method-pick .icon{
    height: 2rem!important;
    width: inherit;
}

#modal-method-pick .btn-label{
    font-family: 'Montserrat-Medium';
    font-size: 1.2rem;
}

#modal-method-pick .check-out-preorder-wrap{
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 0.8rem;
    padding: 0rem 0rem 0.5rem;
}

#modal-guest-info .guest-info-wrap input{
    font-family:'Montserrat-Medium';
    font-size: 0.8rem;
    padding:0.6rem;
}

#modal-guest-info .form-group {
    margin-bottom: 0.5rem;
}

#modal-user-details .social-media-wrap .btn-modal{
    margin-bottom: 0.5rem;
}

#newsletter-check{
    margin-bottom: 0.5rem;
    float:left;
}

#create-account-check{
    float:left;
    margin-bottom: 1rem;
}

.btn-modal-fb{
	background: #3c5c95;
    border: none;
    color: #fff;
}
.btn-modal-google{
    background: #db4932;
    border: none;
    color: #fff;
}

#order_date_dummy, #order_time{
    display:none;
}

#modal-method-pick .collapse .input-primary {
    border-right: 1px solid #efefef !important;
}

#modal-method-pick .collapse input {
    font-family: 'Montserrat-Medium';
    text-transform: uppercase;
}

/* custom checkbox styles */
.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #a57c58;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: none;
}
.custom-control-label {
    font-size: 14px;
}
.custom-control-label::before {
    border: 1px solid #ccc;
    background-color: transparent;
}
/* custom checkbox styles */

#modal-checkout-payment .payment-option .payment-label {
    opacity: 1;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#modal-checkout-payment .payment-option.disabled .payment-label {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0.3;
}

#modal-checkout-payment .payment-option.selected .payment-label {
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    color: #a57c58
}

#modal-checkout-payment .payment-option.selected .selected-icon {
    opacity: 1;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}

#modal-checkout-payment .selected-icon {
    opacity: 0;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 1.5rem !important;
    height: 1.5rem !important;
    color: #fff;
    background-color: #a57c58;
    border-radius: 100%;
}

#modal-checkout-payment .selected-icon svg {
    width: inherit !important;
    height: inherit !important;
    padding: 0.4rem;
}

#modal-later-info .modal-header{
    margin-bottom: 0rem!important;
   border-bottom-left-radius: 0!important;
   border-bottom-right-radius: 0!important;
}
#modal-later-info .modal-body{
    margin-top: -0.1rem;
    border-top-left-radius: 0!important;
    border-top-right-radius: 0!important;
}

#step-one,
#step-two,
.step-one,
.step-two {
    /*max-height: calc(100vh - (33px + 1rem)) !important;*/
    overflow-y: auto;
}

#modal-login {
    /*background-color: #2d2d2d;*/
    z-index: 5000;
    font-size: 14px;
    /*min-height: 100vh!important;*/
}

#modal-login .form-group {
	margin-bottom: 0.5rem;
}

#modal-login input[name=password] {
	background-size: 7%;
}

#modal-login .modal-dialog {
    margin: .5rem;
}

#modal-login .modal-header,
#modal-login .modal-footer {
     margin: 0;
}

#modal-login #login-content {
    /*min-height: 33vh;*/
}

#modal-login .modal-body {
    /* background: transparent; */
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	background-color: #fff;
	/*height: 52vh;*/
    /* padding: 0; */
}

#modal-login .modal-body .btn-link {
    color: #000;
    font-size: 14px;
	font-style: italic;
    padding: 0;
    text-decoration: underline;
}

#modal-login .modal-body .link-close {
	color: #a57c58;
	margin-top: .2rem;
}

#modal-login .form-control:focus {
    border-color: #a57c58;
}

#modal-login .form-card {
    /* border-radius: 0.5rem; */
    background: #fff;
	border-bottom: 1px solid #d8d8d8;
    /* padding: 1rem; */
    margin-bottom: 1.5rem;
	padding-bottom: 1rem;
}

#modal-login .form-title {
    font-family: 'Montserrat-Medium';
    margin-bottom: 1rem;
    font-size: 1rem;
}

#modal-login input {
    padding: 0.8rem 1rem;
    border-radius: 31px;
    color: #000;
}

#modal-login .custom-control-label::before {
    border-radius: 0;
}

#modal-login .btn-block {
    font-family: 'Montserrat-Medium';
    text-transform: uppercase;
    border: none;
    /* border-radius: 0.25rem; */
}

#modal-login .modal-header {
    border: none;
}

#modal-login .modal-header .img-wrap {
    min-width:25%;
    max-width: 33%
}

#modal-login .modal-header .btn-svg {
    width: 5vmin;
    height: 5vmin;
}

#modal-login .header-title {
    margin-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
    width: 100%;
}

#modal-login .header-large {
    font-family: 'Oswald Italic';
    text-transform: uppercase;
    font-size: 34px;
}

#modal-login .input-group-append {
	margin-right: 4px;
	width: auto;
}

#modal-login .input-group-append button {
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
	/* background-size: 50%; */
	height: 34px;
	margin: 0 4px;
	padding: 0;
	width: 34px;
}

#modal-login ::placeholder {
  text-transform: uppercase !important;
}

#login-form .input-group {
	background-color: #efeff4;
	border-radius: 31px;
}

#modal-login .show-pass {
	background-image: url('../images/icon-eye-grey.png');
	background-size: 62%;
}

#modal-login .forgot-pass {
    background-image: url('../images/icon-question-grey.png');
    background-size: 30%;
}

#modal-login .forgot-section p {
    font-size: 16px;
}

#modal-login .btn-rounded {
	padding: 0.7rem 1rem;
}

#modal-login .modal-footer {
	display: block;
    min-height: max-content;
    font-size: 14px;
}

#modal-login .footer-title {
    font-family: 'Montserrat-Medium';
    font-size: 1rem;
}

#modal-login .modal-footer .btn-link {
    font-family: 'Montserrat-Medium';
    text-decoration: underline;
    color: #a57c58;
    margin: 0.5rem 0;
    padding: 0;
}

#modal-login .modal-footer button {
	background-position: 8px;
	background-repeat: no-repeat;
	background-size: 7%;
	font-family: 'Montserrat-Medium';
	margin: 0;
}

#modal-login .btn-modal-fb {
	background-image: url('../images/icon-fb.png');
    background-size: 18px !important;
    margin-bottom: 0.5rem;
    padding: 0;
    height: 36px;
}

#modal-login .btn-modal-google {
    margin-top: 0.5rem;
	background-image: url('../images/icon-google.png');
}

#modal-error,
#modal-message3,
#modal-message4 {
    z-index: 6000;
    /*max-height: 100vh;*/
}

#modal-message4 {
    background: rgba(0, 0, 0, 0.75);
}

#modal-error .modal-dialog {
    margin: 0 3.75rem;
}
#modal-error .modal-title {
    color: #a57c58;
}

:focus {
    outline: transparent!important;
}

#modal-order {
    z-index: 5000;
    /*background-image: url('../images/banner_01.jpg');*/
    background-size: cover;
    background-repeat: no-repeat;
}

#modal-order .modal-header .store-logo-wrap {
    /* width: 20vh; */
	/*width: 11.7vh;*/
    height: auto;
/*	margin-top: 14px;*/
}

#modal-order .modal-dialog {
    background: rgba(0,0,0,0.6);
    /*min-height: 100vh;*/
    min-width: 100vw;
    margin: 0;
    display: flex;
    align-items:  center;
    justify-content:  center;
    height:  100%;
}

#modal-order .modal-header {
    /* margin: calc(33px + 1rem) 1rem 0;  */
    margin: 1rem 1rem 0;
    padding: 0;
    border: none;
    background: transparent;
    display: none;
    /*min-height: 5px;*/
}

.successorder .modal-dialog{ background: none !important; }
.successorder .modal-header{ margin: calc(33px + 1rem) 1rem 0 !important; }
.successorder .modal-footer{ margin: 0px !important; z-index: 9999;}
.successorder .modal-footer button{ margin-top: 10px !important; }

#modal-order .modal-body {
    /* margin: 0.5rem 1rem 0;  */
	margin: 1rem 0.5rem 0;
    padding: 0;
    background: transparent;
    display: block;
    /*min-height: 430px;*/
}

#modal-order .modal-title {
	color: #fff;
    /* font-family: 'Oswald Italic'; */
	font-family: 'Montserrat-SemiBold';
    /* font-size: 48px; */
	font-size: 1.2rem;
    /* margin-bottom: 1.8rem; */
	margin-top: 1rem;
    text-transform: uppercase;
}

#modal-order .order-details p,
#modal-order .order-details h3 {
    margin: 0;
    font-size: 1.1rem;
    color: #717175;
    font-weight: bolder;
}

#modal-order .modal-footer button {
    padding: 0.5rem;
    border: none;
    color: #fff;
    font-family: 'Montserrat-Medium';
    /* font-size: 1rem; */
    font-size: 1.2rem;
    text-transform: uppercase;
    background-color: #a57c58;
    margin: 0.5rem 0.2rem;
}

#modal-order .modal-footer {
    /* margin: 1rem;  */
	margin: 5px !important;
    padding: 0;
    /*min-height: 7.5vh;*/
    background: transparent;
    min-height: 60px;
}

#modal-order .check-icon {
	background-image: url('../images/icon-check-white-border.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
    width: 4rem;
    height: 4rem;
    padding: 0.8rem;
    /* border-radius: 100%; */
    /* border: 2px solid #fff; */
}

#modal-order .body-order-info h3 {
    font-family: 'Oswald Medium Italic';
    text-transform: uppercase;
}

#modal-order .body-order-info {
    /* background: #37AA6F; */
    /* background-color: #4eda67; */
    background-color: #fff;
    /* padding: 1rem; */
    border-radius: 0.5rem;
    color: #fff;
    overflow: hidden;
}

#modal-order .check-icon-wrap {
	background-color: #4eda67;
	/* background-image: url('../images/bg-oval-white.png'); */
	/* background-position: center bottom; */
	/* background-repeat: no-repeat; */
	/* background-size: contain; */
	border-bottom-left-radius: 30%;
    border-bottom-right-radius: 30%;
	border-top-left-radius: 0.8rem;
	border-top-right-radius: 0.8rem;
	margin: 0 -60px;
	padding: 2rem 1rem 3rem 1rem;
}

#modal-order strong {
    font-family: 'Montserrat-Medium';
}

#modal-order .body-social {
    font-size: 1rem;
    color: #333;
	margin-top: 1rem;
}

#modal-order .body-social .social-item {
	background-color: #fff;
	border-radius: 0.5rem;
	display: inline-block;
	width: 49%;
}

#modal-order .body-social .social-item:first-child {
	float: left;
}

#modal-order .body-social .social-item:last-child {
	float: right;
}

#modal-order .body-social .btn-social-link .btn-social-link-text {
	float: left;
	font-size: 0.65rem;
	font-style: italic;
	height: 46px;
	padding: 0.5rem;
	text-align: left;
}

#modal-order .body-social .social-store-name {
	font-family: 'Montserrat-Medium';
	font-size: 0.7rem;
	text-transform: uppercase;
}

#modal-order .body-social .btn-social-link .btn-social-link-icon-wrap {
	border-bottom-left-radius: 0.5rem;
	border-top-left-radius: 0.5rem;
	float: left;
	height: 46px;
	width: 46px;
}

#modal-order .body-social .btn-social-link .btn-social-link-icon {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 60%;
	height: 100%;
}

#modal-order .body-social #social-fb .btn-social-link-icon-wrap {
	background-color: #4469b0;
}

#modal-order .body-social #social-fb .btn-social-link-icon {
	background-image: url('../images/icon-fb-sm.png');
}

#modal-order .body-social #social-insta .btn-social-link-icon-wrap {
	background-color: #d73575;
}

#modal-order .body-social #social-insta .btn-social-link-icon {
	background-image: url('../images/icon-instagram-sm.png');
}

#modal-order .order-details-wrap {
	margin-top: -66px;
	padding: 1rem 1.5rem;
}

#modal-order .order-details > div {
	width: 50%;
}

#modal-order .order-details {
	background-color: #fff;
	border-radius: 0.5rem;
	box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.2);
	color: #000;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
	padding: 2rem 0;
	text-align: center;
	font-size: 14px;
	/* width: 80%; */
	width: 86%;
}

#modal-order .order-number {
    /* border-right: 1px solid #fff; */
	border-right: 1px solid #d8d8d8;
}
#modal-order .order-time {
    border-left: 1px solid #fff;
}

#modal-order .order-number .order-number-val,
#modal-order .order-time .order-time-val {
	font-family: 'Montserrat-Medium';
	font-size: 1.6rem;
	color: #333;
}

#modal-order .order-time h6.order-time-val{
	font-size: 1rem;
	margin: 0 !important;
	font-family: 'Montserrat-SemiBold';
	font-weight: 500;
}

.room-details{
	border-bottom: 1px solid #ddd;
	width: 100%;
	 margin: 0 auto; 
	padding: 0.5rem 0;
}

.room-details ul{
	color: #000;
	list-style-type: none;
	/* width: 50%; */
	/* 	display: flex; */
	/* 	flex-direction: column; */
	/* 	justify-content: center; */
	margin: 0 auto;
	padding: 0;
}

.room-details ul li span{
	display: block;
	text-align: center;
	color: #717175;
	margin-bottom: 0.5rem;
	font-size: 1.1rem;
	font-weight: bolder;
}

.room-details ul li span.val{
	text-align: center !important;
	color: #333;
	font-size: 1.4rem;
	line-height: 1;
}

#modal-order .order-time h3 span {
    font-size: 1rem;
}

#modal-order .order-message {
	color: #000;
	font-size: 0.8rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
    width: 85%;
}

#modal-order .order-message i {
	font-family: 'Montserrat-SemiBold';
}

#modal-order .body-social a {
    color: #333;
}
#modal-order .body-social {
    background: #ffffff;
    border-radius: 0.8rem;
}

#modal-order .facebook-icon {
    width: 1.5rem;
    height: 1.5rem;
}

#modal-order .body-order-info .btn-link {
    /* color: #fff; */
	color: #a57c58;
    padding: 0;
    text-decoration: underline;
    font-family: 'Montserrat-MediumItalic';
	font-size: 0.8rem;
}


.guest-continue {
    font-family: 'Montserrat-Medium';
    font-size: 1rem;
    text-decoration: underline;
}

.error {
    color: #ff2525;
    font-size: 14px;
    margin: 0;
}

.success {
    color: green;
    font-size: 14px;
    margin: 0;
}

#modal-upsell {
    font-size: 1rem;
    background: #ebebeb;
}

#modal-upsell .modal-title {
    font-family: 'Oswald Italic';
    text-transform: none;
    font-size: 2rem;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

#modal-upsell .modal-dialog {
    margin: calc(33px + 1rem) 0 0;
}

#modal-upsell .modal-body,
#modal-upsell .modal-header,
#modal-upsell .modal-footer {
    border: none;
    padding: 0;
    margin: 0;
}

#modal-upsell .modal-body {
    background: transparent;
    padding: 0 0.75rem;
    overflow-y: auto;
}

#modal-upsell .modal-footer button {
    margin: 1rem 1rem 0.5rem;
    text-transform: uppercase;
    background: #000;
    color: #fff;
}

#modal-upsell p {
    margin-bottom: 0.5rem;
}

#modal-upsell .card,
#modal-upsell .card-body,
#modal-upsell .card-header,
#modal-upsell .card-footer {
    background: transparent;
    border-radius: 0;
    border: none;
    padding: 0;
    text-align: left;
}

#modal-upsell .card {
    margin: 0.5rem 0.25rem 0;
}

#modal-upsell .card-body {
    background: #fff;
    color: #333;
    padding: 0.5rem 1rem;
    min-height: 7.5rem;
    font-size: 1rem;
}

#modal-upsell .card-body .product-name {
    font-family: 'Montserrat-Medium';
    font-size: 1.25rem;
    text-transform: uppercase;
}

#modal-upsell .card-body .product-price {
    font-family: 'Montserrat-SemiBold';
    color: #a57c58;
    margin-bottom: 0;
}

#modal-upsell .card-footer button {
    text-transform: uppercase;
    border-radius: 0;
    background: #a57c58;
    color: #fff;
}

#modal-product .modal-content {
    margin-bottom: 0;
    /*min-height: calc(100vh - (33px + 0.5rem));*/
    /*max-height: calc(100vh - (33px + 0.5rem));*/
}

#modal-product .modal-footer {
    margin: 0;
    min-height: 40px!important;
}

#modal-checkout .modal-footer
#modal-cart .btn-close {
	top: 14px;
}

#modal-checkout .modal-footer
#modal-cart .modal-footer {
    margin-bottom: 0;
    margin-top: 0.5rem;
}

#cc_form .form-group {
    margin-bottom: 0.5rem;
}

#supported_cards img:last-child {
    margin: 0;
    margin-left: 0.1rem;
}

#supported_cards img:first-child {
    margin: 0;
    margin-right: 0.1rem;
}

#supported_cards .card-icon {
    margin: 0 0.1rem;
    max-height: 1.5rem;
}

.input-three {
    font-family: 'Montserrat-Medium';
    color: #000;
}

.input-three:focus {
    border-color: #a57c58;
    color: #000;
}

.input-three::placeholder { color: #000 !important; opacity: 1 !important; text-transform: uppercase; }
.input-three:-ms-input-placeholder { color: #000 !important; opacity: 1 !important; text-transform: uppercase; }
.input-three::-ms-input-placeholder { color: #000 !important; opacity: 1 !important; text-transform: uppercase; }

.invalid {
    border-color: var(--danger);
}
.valid {
    border-color: var(--success);
}

.button-loader{
    width: 6%;
    height: auto;
    margin: 0 auto;
    display:none;
    margin-bottom: 0.6rem;
}

.cart-item-loader{
    width: 6%;
    height: auto;
    margin: 0 auto;
    margin-bottom: 0.6rem;
}


.button-loader-add{
    width: 10%;
    height: auto;
    margin: 0 auto;
    display:none;
}


/*
 PRELOADER CSS START
*/
.loader-image{
    width: 35%;
    height: auto;
    margin: 0 auto;
}

#preloader{
    background: rgba(0,0,0,0.8);
    z-index: 999999
}
.sk-fading-circle {
  margin: 100px auto;
  width: 5rem;
  height: 5rem;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: white;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

/*
 PRELOADER CSS END
*/

 .start-order-close, .single-store-close, .store-list-close{
    float:right;
    background-color: #F9F9FE;
    margin-top: 1.5rem;
    height: 2rem;
    width:2rem;
    font-family: 'Montserrat-Medium';
    font-size:13px;
    font-weight: 700;
    border-radius: 1rem 0 0 1rem;
    color: #ae875d;
    padding-top: 0.5rem;
    display:none;
    cursor: pointer;
}

.single-store-close, .store-list-close {
    margin-top: 0;
    position: absolute;
    right: 0;
}

.store-list-close{
    margin-top: -4rem;
}

/*==================================================
=              Desktop Media Queries               =
==================================================*/
@media (min-width: 768px) {

    /* Landing page - header */
    .page-multi-store #header {
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 0;
        position: absolute;
        width: 100%;
        text-align: center;
    }

    .storeclosed.page-multi-store #header {
        margin-top: 24px;
    }

    .logo-wrap {
        /*width: 150px;*/
    }

    .page-multi-store.list-open .logo-wrap {
        /*width: 140px;*/
        padding-top: 2.6rem;
        /*max-width: 20%;*/
        top: 0;
        /*position: absolute;*/
        width: 100%;
        text-align: center;
    }

    .welcome-msg-wrap {
        position: absolute;
        top: 2.6rem;
        right: 1rem;
        margin-top: 0;
        padding-right: 0.25rem;
        padding-left: 0.25rem;
        border-radius: 22px;
        background: #fff;
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        width: 20%;
		float: right;
    }
	
	#header .logo-wrap center {
		max-width: 398px;
		width: 100%;
		margin: auto;
	}

    .guest-btn-wrap {
        display: flex;
        padding-top: 0.2rem;
        margin-right: 0;
        padding: 0.2rem 0;
        width: 100%;
    }

    .guest-btn-wrap .btn {
        width: 70%;
    }

    .guest-btn-wrap .btn:last-child {
        color: #a67d59;
    }


    .current-location-text {
        padding: 0.1rem 1rem 0 0;
		font-weight: 600;
		letter-spacing: 0.8px;
    }

    .current-location-btn-wrap .btn {
        height: 3rem;
        padding: 0.5rem 1rem 0 1rem;
        padding: 0.5rem 1rem;
        text-align: left;
        width: 100%;
        border: 0;
    }

    /* Landing page - Content */

    /* Landing page - Content - Start your order modal */
    .order-step {
        width: 650px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .order-step.start-order-wrap.show {
        top: 260px;
        bottom: auto;
        position: absolute;
    }

    .order-step.start-order-wrap.hide {
        /*bottom: 100vh;*/
        bottom: auto;
        /*top: -70vh;*/
    }

    .order-step.start-order-wrap {
        -moz-transition: all 1s;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    .order-step.store-list-wrap.show {
        top: 155px;
		border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        margin-top: 1rem;
        position: absolute;
    }

    .address-input-wrap.dinein{
        background: none;
    }


    .order-step.store-list-wrap.show.delivery-open .dine-note{
        font-size: 12px;
        font-family: 'Montserrat-Medium';
        color: #a6a6ab;
        padding: 1rem 1rem 1rem 1rem;
    }
    
    .order-step.store-list-wrap.show #valid-room,
    .order-step.store-list-wrap.show #valid-table{
        /*height: 6vh;*/
        text-align: center;
        color: #a57c58;
        font-size: 40px;
        border-radius: 22px!important;
        font-weight: bolder;
        font-family: 'Montserrat-Medium' !important;

    }

    .order-step.store-list-wrap.show #valid-room::-webkit-inner-spin-button,
    .order-step.store-list-wrap.show #valid-room::-webkit-inner-spin-button,
    .order-step.store-list-wrap.show #valid-table::-webkit-inner-spin-button,
    .order-step.store-list-wrap.show #valid-table::-webkit-inner-spin-button{
        -moz-appearance: textfield;
        -webkit-appearance: none;
        margin: 0;
    }
    

    #search_postcode {
        background-position: 18px;
        background-size: 18px;
        text-align: center;
    }
    .current-location-btn-wrap .btn {
        text-align: center;
    }
	
	.current-location-btn-wrap .btn .current-location-image{
		font-size: x-large;
	}
    /* Landing page - Content - Select your location modal */
    .order-step.store-list-wrap {
        /*height: 68vh;*/
        /*max-height: 100vh;*/
        overflow-x: hidden;
        width:45rem;
    }

    .order-step.store-list-wrap.two-active-stores:not(.single-store-open) {
        width:35rem;
    }

    .stores-closed-image,
    .no-stores-image{
        width:28%;
    }

    .store-content.method-3 {
        width: auto;
        display: none;
    }


    .store-list-wrap .order-step-body #store-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

	.store-location-list .order-step-header {
		height: 110px;
	}

	.step-title {
		font-size: 1.5rem;
		margin-bottom: 1rem;
		margin-top: 1rem;
	}


    .store {
        width: 31.3333%;
        margin: 1%;
        background-image: none;
    }
    .store-address {
        font-size: 1vw;
    }

    /* Landing page - Content - Single Store view */
    .single-store-list .store-option {
        background-image: none;
        margin: 0;
        padding: 0!important;
        position: absolute;
        width: 100%;
        left: 0;
        background-color: transparent;
    }

    .store-option > .row > .col-md-6.store-option-details{
        top: 3rem;
    }
    .single-store-list .col-md-6 .store-option {
        padding: 1rem 1rem 0 1rem;
        background-color: #fff;
        padding-top: 2rem;
        /*height: 33vh;*/
        margin: 0.5rem 0.25rem 0.5rem 0.25rem;
        border-radius: 10px;
    }
    
    .single-store-list .store-option > .row > div[class^="col-"]:first-child {
        min-height: 118px;
    }
    .single-store-options-wrap > .row > .col-md-6 > .store-option > .row > p.store-option-type{
       text-align: center;
    }

    .single-store-list p.store-option-type {
        text-align: center;
        font-size: 25px;
    }
    .single-store-list p.store-option-time {
        text-align: center;
        font-size: 1.2rem;
    }

    .single-store-list .single-store-body {
        background-color: #efeff4;
    }

    .single-store-options-wrap {
        /*height: 300px;*/
        border-top: 1px solid #ccc;
    }

    .single-store-options-wrap > .row {
        /*height: 100%;*/
        margin-right: 0;
        margin-left: 0;
    }

    .method-4 > .single-store-options-wrap {
        /*height: 60%;*/
    }
    
    .single-store-options-wrap {
        background-color: white!important;
    }

    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"]:nth-child(1),
    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"]:nth-child(2){
        border-bottom: 1px solid #ccc;
    }

    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"]
    {
        height: 155px;
    }

    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"] > .store-option{
        height: 100%;
        margin-bottom: 0 !important;
    }

    .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-success, .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-danger {
        top: 0 !important;
    }

    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"] > .store-option .store-option-icon
    {
        background-size: 3rem;
        height: 7rem !important;
        width: 7rem !important;
        margin-top: 0.5rem !important;
        font-size: 55px !important;
        padding-top: 20px !important;
    }

    .method-4  > .single-store-options-wrap > .row  > div[class~="col-md-6"] > .store-option .store-option-status{ width: 7rem !important; top: -15px !important; }
    
    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"] > .store-option > .row > .col-md-6.store-option-details
    {
        top:1.5rem;
        text-align: left!important;
        height: fit-content;
    }

    
    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"] > .store-option > .row > .col-md-6.store-option-details p
    {
        text-align: left;
        font-size: 23px!important;
    }

    .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"] > .store-option > .row > .col-md-6.store-option-details > .store-option-time{
        font-size: 1.1rem!important;
    }
    
    .method-4 > .single-store-options-wrap {
        overflow: unset!important;
    }
    .method-4 > .single-store-options-wrap > .row > .col-6 {
        margin: 0rem auto 0rem;
    }
    .method-4.single-store-list .col-md-6 .store-option{
        background-color:unset!important;
    }
    .single-store-options-wrap > .row > div[class^="col-"] {
        background-color: inherit;
		border-radius: 0;
        border-right: 1px solid #ccc;
        height: 270px;
        padding-top:2% !important;
        padding-bottom:2% !important;
    }
	.single-store-options-wrap > .row > div[class^="col-"]:last-child {
		border-right:none;
	}
	
    .alternatemethod{ border-right:0 !important; }

    .single-store-options-wrap{ padding-bottom: 0 !important; }

    .store-list-wrap .order-step-body{
        border-bottom-left-radius: 7px;
        border-bottom-right-radius: 7px;
        margin-top: 110px;
        /*max-height: 36vh;*/
        height: fit-content;
        padding: 1rem 0.7rem 0.7rem;
        scrollbar-width: none;
    }

	.single-store-options-wrap > .row > .col-12 {
		/*border-radius: 0;*/
		margin: 0;
	}

    .single-store-options-wrap > .row > .col-6 {
        border-radius: 0;
        width: 0;
        padding: 0;
        flex: 0 0 100%;
        margin: 0;
    }

    .single-store-options-wrap > .row > .col-6 > .store-option .store-option-icon,
    .store-option-icon {
        background-size: 4.5rem;
        height: 8rem;
        width: 8rem;
        /*margin-top: 40px;*/
        margin-top: 1rem;

        font-size: 60px;
        padding-top:26px;
    }

    .method-2 .store-option-icon.store-delivery.ou-icon-thin.ou-ic-delivery {
        padding-top: 30px;
    }

    .store-option-icon.store-delivery{ padding-top:30px; }

	.single-store-list .col-12 .store-option,
	.single-store-list .col-md-6 .store-option,
	.single-store-list .col-md-4 .store-option {
		background-color: transparent;
		margin: 0;
        height: 100%;
	}

    .single-store-options-wrap .store-option .ou-icon {
		display: none;
	}


    /* Landing page - Content - Delivery Modal */

    .store-delivery-body{
        /*padding: 1rem 2rem 1rem 2rem;*/
        padding: 0.5rem 2rem 1rem 2rem;

    }

    .modal-dialog {
        margin: 0 auto;
        max-height: none;
        /*height: calc(100vh - (1.75rem * 2));*/
    }

    #modal-option .modal-dialog {
        top: 50%;
        transform: translateY(-50%);
    }

    #modal-option #validate-address-form input[type=text], #modal-guest-info #validate-address-form #valid-address {
        background-position: 18px;
        background-size: 16px;
    }

    #modal-option #store-method {
        /*font-family: 'Montserrat-SemiBold';*/
        font-family: 'Montserrat-Medium';
        font-size: 32px;
        margin-bottom: 8px;
        /*text-transform: uppercase;*/
        font-weight: 700;
    }
    .delivery-template-container #modal-option .modal-content{
        width : 70%;
    }
    #modal-front .modal-dialog{
        overflow: hidden;
        height: 100% !important;
        width: 100%;
        max-width: 100% !important;
    }

    #modal-front, #modal-front .modal-body, #modal-front .modal-header, #modal-front .modal-footer{
        background: none;
    }

    #modal-front .modal-header{
        padding: 0;
        border-bottom: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        display: flex;
        justify-content: center;
        height: 100% !important;
        border: none !important;
    }

    #modal-front .modal-body{
        position: static;
        height: 100% !important;
        background:none !important;
    }



    .guest-btn-wrap .btn {
        margin: 0;
    }

    .guest-btn-wrap .login-header {
        background: #b79469;
        color: #ffffff;
        width: 110px;
        height: 100%;
        border-radius: 40px;
        transition: .5s;
        cursor: pointer;
        height: 32px;
    }

    .guest-btn-wrap .login-header:hover,
    .guest-btn-wrap .login-header:focus,
    .guest-btn-wrap .login-header:active {
        border: solid #b79469 1px;
        color: #b79469;
        background: #ffffff;
    }

    .guest-btn-wrap .signup-header {
        border: solid #b79469 1px;
        color: #b79469;
        width: 110px;
        height: 100%;
        border-radius: 40px;
        transition: .5s;
        cursor: pointer;
    }

    .guest-btn-wrap .signup-header:hover,
    .guest-btn-wrap .signup-header:focus,
    .guest-btn-wrap .signup-header:active {
        background: #b79469;
        color: #ffffff;
    }

    /* Landing page - Modal Login */
    #modal-login {
        background: transparent;
        min-height: auto !important;
    }

    #modal-login .modal-dialog {
        margin: 0 auto;
    }
    .store-option-status{
        color:#ffffff!important;
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto;
        width: 8rem!important;
        border-radius: 3px;
        position: relative;
        margin-top: -10px;
    }

    .store-location-list .order-step-header {
        /*height: 111px; */
        height: 120px;
    }

    .store p {
        padding: 0rem 0.5rem 0rem 0.5rem;
    }
	
	
	#ordertime {
		margin: 1rem;
	}
	
	.customer-location-form,
	.customer-info-form	{
		padding: 0 1rem;
	}
	
	.customer-location-form .input-field {
		margin-bottom: 1rem;
	}
    
    .modal-close-wrap {
        margin-top: 0.5rem;
    }

    #modal-warning-resp, #modal-alert-resp, #modal-confirm-reorder, #modal-promo-resp,  #modal-promo-resp-text, #modal-confirm-resp-text, #modal-error-resp, #sso-modal-error-resp, #nfc-modal-error-resp{
        /*width: 328px;*/
        padding-top: 200px;
        /*background: none;*/ /* Fix for extra overlay */
    }
    .order-step-body {
        padding: 1.5rem 3.5rem;
    }
}


/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1920px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
    .single-store-list .single-store-header {
        height: unset;
    }
    .single-store-options-wrap > .row > .col-md-6 > .store-option > .row{
        padding-top: 2rem;
        margin:auto;
    }

    .method-4 > .single-store-options-wrap > .row > div[class~="col-md-6"] > .store-option > .row > .col-md-6.store-option-details p {
        text-align: left;
        font-size: 25px!important;
    }

    .method-4 > .single-store-options-wrap > .row > div[class~="col-md-6"] > .store-option > .row > .col-md-6.store-option-details > .store-option-time {
        font-size: 1.5rem!important;
    }
    
    .method-4 > .single-store-options-wrap {
        height: 50%;
    }

    #modal-hours {
        width: 25vw!important;
        margin: auto;
    }
}




@media (min-width: 992px) { }
@media (min-width: 1200px) { }

.store .store-header:hover{
    -moz-box-shadow: 0px 0px 5px 0px rgb(195, 195, 195);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(195, 195, 195);
    box-shadow: 0px 0px 5px 0px rgb(195, 195, 195);
}

.pac-container, .pac-item:hover, .store{
    cursor: pointer;
}

  @media (min-width: 768px) {
    #modal-hours {
      width: 40vw;
      margin: auto;
    }
  }
  
  @media (max-width: 767px){
	  body.page-menu #toast-container{
		display: none !important;
	}
  }

  @media (min-width: 992px) {

    #modal-hours {
      width: 27vw;
      margin: auto;
    }
  }

    /*TABLET landscape*/
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (orientation: landscape) 
      and (-webkit-min-device-pixel-ratio: 1) {
        #modal-hours {
            margin: auto;
        }

        .modal-dialog {
                max-width: 500px !important;
            }

        .options-open .floating-item-options{
            margin-left: -1rem !important;
        }
        
    }

    /* Portrait */
    @media only screen 
      and (min-device-width: 768px) 
      and (max-device-width: 1024px) 
      and (orientation: portrait) 
      and (-webkit-min-device-pixel-ratio: 1) {
        .menu-desktop-cart{
            display:none!important;
        }
        #modal-hours {
            margin: auto;
        }

        .modal-dialog {
                max-width: 500px !important;
            }

        .method-4 > .single-store-options-wrap > .row  > div[class~="col-md-6"] > .store-option{
            height: fit-content;
            padding: 1rem!important; 
        }

        .method-4 > .single-store-options-wrap {
            height: 50%;
        }

    }
  
#modal-hours, #modal-view-map, #modal-error-resp, #sso-modal-error-resp, #nfc-modal-error-resp {
    z-index: 999999 !important;
}
.hours-modal-overlay, .error-modal-overlay{
    z-index: 999998 !important;
}

  #modal-hours .tab-pane {
   background: transparent;
   }
  #modal-hours .tab-content {
    margin: 0;
    height: auto;
    border: none;
  }

  #modal-hours .modal-header {
    text-transform: uppercase;
    text-align: center;
    background: #a57c58;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    border: none;
    color: #FFFFFF;
  }

/*  #modal-hours .modal-dialog {
    margin: 0 1rem;
  }*/

  #modal-hours .modal-body {
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    background: #a57c58;
    overflow-x: hidden;
  }
    
    /* four items */
    #modal-hours li:nth-child(4) > a {
        background-position-x:-2.8%, 102.8%!important;
    }
  #modal-hours .nav-tabs {
    border: none;
    background: #a57c58;
    flex-wrap:nowrap;

  }

  #modal-hours .nav-tabs>:nth-child {
    margin: 0 1.5rem !important;
  }

  #modal-hours .nav-tabs>:first-child {
    margin-left: auto !important;
  }

  #modal-hours .nav-tabs>:last-child {
    margin-right: auto !important;
  }

  #modal-hours .nav-link:hover {
    background: none;
    border: none;
    margin: 0;
  }

  #modal-hours .tab-content .text-right {
    /*text-transform: uppercase;*/
  }

  #modal-hours .tab-pane {
    margin: 0;
    padding: 1.5rem 1rem 1.5rem;
    background: #fff;
  }

  #modal-hours .nav-link {
    border: none;
    font-style: normal;
    /*text-transform: uppercase;*/
    text-decoration: none;
    color: #FFFFFF;
    border-radius: 0;
    /*border-bottom-left-radius: 1rem;*/
    /*border-bottom-right-radius: 1rem;*/
    background: #a57c58;
    padding-bottom: 0;
    white-space: nowrap;
  }

  #modal-hours .btn-close {
    width: 30px;
    height: 30px;
  }

  #modal-hours .nav-link.active {
    /*padding: 0 0.5rem 0;*/
    /*background-image: url('../images/tab-bottom-left.png'), url('../images/tab-bottom-right.png');
    background-repeat: no-repeat;*/
    background-position: left, right;
     background-position-y: 163%;
    /*background-position-x: -4.8%, 104.8%;*/
	background-position-x: -3.5%, 103.5%;
  }

  #modal-hours .nav-link.active div{
    border: none;
    border-radius: 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    color: #fff;
    background: white;
    font-weight: bold;
  }

  #modal-hours .hours.active{
    border: none;
    border-radius: 0;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background: white;
    font-weight: bold;
  }

  #modal-hours .nav-link.active div{
     background: none !important;
     border-bottom: 4px solid #fff;
  }

#modal-hours .hours.active {
    background: none !important;
   }

  #modal-hours .nav-link.active div {
    /*padding: 0.5rem 1rem 0;*/
  }

  #modal-hours .nav-tabs .nav-item {
    margin-bottom: 0;
  }

  #modal-hours .text-dark {
    color: #303030;
  }

  #modal-hours .text-muted {
    color: #747478;
  }

.search-menu-desk button {
    width: 3rem;
    height: 3rem;
    border: none;
    margin: .25rem 0;
    color: #A6A6AB;
    background-color: #EFEFF4;
    transition: all .3s ease;
  transition-delay: .1s;
}
.search-menu-desk .ou-icon {
    width: 2rem;
    height: 2rem;
    background: #fff;
    padding-top: 0.4rem;
  font-size: 20px;
  border-radius: 100%;
}
.search-menu-desk .form-control {
    width: 0;
    height: 3rem;
    border-width: 0;
    border-radius: 2rem;
    padding: 0;
    border-radius: 2rem;
    margin: .25rem 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    transition: all .3s ease;
}

.search-menu-desk .expand button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition-delay: 0s;
}
.search-menu-desk .expand .form-control {
    width: 10rem;
    padding: 0.5rem 1rem;
}

/* Temporary -- only for knowing which method was selected */
.payment-method.selected h5 {
    color: #a57c58 !important;
}

.form-label-group {
  position: relative;
  /*margin-bottom: 1rem;*/
  margin-bottom: 0.5rem;
}

.form-label-group > input,
.form-label-group > label {
  padding: .75rem 4.5rem;
  padding-right: 2.5rem;
}

.form-label-group > label {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  margin-bottom: 0; /* Override default `<label>` margin */
  line-height: 1.5;
  color: #495057;
  cursor: text; /* Match the input under the label */
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: all .1s ease-in-out;

  /* overrides */
  color: #757575;
  text-align: left;
  font-style: italic;
  /*text-transform: uppercase;*/
}

.form-label-group input::-webkit-input-placeholder,
.form-label-group input::-ms-input-placeholder,
.form-label-group input:-ms-input-placeholder,
.form-label-group input::-moz-placeholder,
.form-label-group input::placeholder {
  color: transparent;
}

.form-label-group input:not(:placeholder-shown) {
  padding-top: calc(.75rem + .75rem * (2 / 3));
  padding-bottom: calc(.75rem / 3);
}

.form-label-group input:not(:placeholder-shown) ~ label {
  padding-top: calc(.75rem / 3);
  padding-bottom: calc(.75rem / 3);
  font-size: 12px;
  color: #777;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

/* temp overrides */
.form-control:focus,
.form-control {
    background-color: #EFEFF4;
}
.form-control.rounded {
    border-radius: 2rem !important;
}
.form-control.rounded-right {
  border-top-right-radius: 2rem !important;
  border-bottom-right-radius: 2rem !important;
}
.form-control.rounded-left {
  border-top-left-radius: 2rem !important;
  border-bottom-left-radius: 2rem !important;
}
/*
.customer-info-form .col-md-6 {
    padding: 0 0.5rem;
}
*/
.customer-info-form .col-md-6.right {
    padding-left: 0.1rem;
}
.customer-info-form .col-md-6.left {
    padding-right: 0.1rem;
}
/*
.customer-info-form input {
    background-size: 12.5% !important;
    background-position: 5% !important;
    background-repeat: no-repeat !important;
}

.customer-info-form input[type="tel"] {
    background-image: url(../images/icon-phone-grey.png);
    background-size: 20px !important;
}

.customer-info-form input[type="email"] {
    background-image: url(../images/icon-envelop-grey.png);
    background-size: 20px !important;
}
.customer-info-form input[type="password"] {
    background-image: url(../images/icon-lock-grey.png);
    background-size: 20px !important;
}

.customer-info-form input[name$="_name"] {
    background-image: url(../images/icon-user-grey.png) !important;
    background-size: 8% !important;
}
*/
.btn-next,
.btn-checkout-mobile,
.btn-checkout{
    margin-top: 0rem;
}

.checkout{
    display:none
}

input#search_postcode::placeholder {
   opacity: .5;
}

@media (max-width: 767px) {
    #modal-deal .my-2-5 {
        margin-top: .75rem;
        margin-bottom: .75rem;
    }

    #modal-deal .scroll-gradient {
      width: 100%;
    }

    #modal-deal .deal-steps .card.selected .card-body,
    #modal-deal .deal-steps .card.disabled .card-body {
        border: 1px dashed #D8D8D8;
    }

    #modal-deal .content-row {
        transition: transform .2s;
    }

    #modal-deal .deal-steps,
    #modal-deal .deal-products,
    #modal-deal .deal-customize {
        width: 100%;
        flex-shrink: 0;
        flex-grow: 0;
    }

    #modal-desk-halfhalf .p-3 img{
        width:50px;
        height: 50px;
    }
}

#modal-deal .menu-desk-item {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
}


#modal-deal .deal-steps .done .step-num, #modal-deal .deal-steps .selected .step-num, #modal-deal .deal-steps .disabled .step-num {
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    border-radius: 100%;
    margin: auto 0;
    margin-right: 1rem;
}

#modal-deal {
    visibility: visible;
}

#modal-deal .step-item {
    text-transform: uppercase;
}

#modal-deal .indicator { display: none; }

#modal-deal .modal-footer { height: 3rem; }
#modal-deal .modal-footer button {
    height: 100%;
    padding: 0 1.5rem;
    margin: 0;
}
#modal-deal .deal-customize .customize-wrap {
    background: #fff;
    border-radius: .5rem;
    padding: 1rem 1rem 0;
    margin: .5rem 0;
}
#modal-deal .deal-customize p { margin: 0; }
#modal-deal .menu-desk-item-price { color: #a57c58; }
#modal-deal .deal-steps .done .step-num i {
    display: unset;
}
#modal-deal .deal-steps .done .step-num {
    background: #4CD964;
    color: transparent;
}
#modal-deal .deal-steps .done .ou-ic-right {
    display: none;
}
#modal-deal .deal-steps .card .deal-item-wrap { flex-grow: 1; }
#modal-deal .deal-steps .card-body { padding: 1.25rem 1rem; border-radius: .5rem; }
#modal-deal .deal-steps .card.done {
    border: none;
}
#modal-deal .deal-steps .card.done .card-body{
    background: #fff;
}
#modal-deal .deal-steps .selected .step-num {
    background: #A6A6AB;
    color: #FFFFFF;
}
#modal-deal .deal-steps .disabled .step-num {
    background: #A6A6AB;
    color: #EFEFF4;
}

#modal-deal .deal-steps .done .step-num::before {
    color: #fff;
    content: "\f71E";
    position: relative;
    padding: .25rem;
    top: .25rem;
}

#modal-deal .rounded { border-radius: .5rem; }
#modal-deal .deal-products .card {
    border: none;
}

#modal-deal .deal-steps,
#modal-deal .deal-products,
#modal-deal .deal-customize {
    overflow-y: auto;
    overflow-x: hidden;
    background: #EFEFF4;
}

#modal-deal .deal-add,
#modal-deal .deal-add-item,
#modal-deal .btn-deal-halfhalf {
    color: #FFFFFF;
    width: 100%;
    font-size: 20px;
    /*padding: .5rem 1.25rem;*/
    padding: 0 1.5rem;
    border-radius: .5rem;
    font-family: 'Montserrat-SemiBold';
    text-transform: uppercase;
    height: 3rem;
}

#modal-deal .deal-total span { font-family: 'Montserrat-SemiBold'; }
#modal-deal .deal-total {
    cursor: default;
    background: #FFFFFF;
    text-transform: uppercase;
    color: #a57c58;
    width: 100%;
    font-size: 20px;
    padding: .5rem 1.25rem;
    border-radius: .5rem;
    font-family: 'Montserrat-Medium';
}

#modal-deal .btn-prev { z-index: 9999; }
#modal-deal .btn-prev > .ou-icon{ margin: 0; }
#modal-deal .btn-collapse {
    padding: 0;
    height: 1rem;
    background: transparent;
}

#modal-deal .modal-dialog { /*height: 100vh;*/ align-items: normal; top: 0 !important; /*transform: translate(0,0) !important;*/ }
#modal-deal .modal-content {
    margin-top: calc(33px + .5rem);
    max-height: calc(100vh - (33px + 1rem));
}

#modal-deal .modal-header {
    text-align: center;
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
    border: none;
    color: #FFFFFF;
}
#modal-deal .modal-header p { font-size: .9rem; }

#modal-deal .modal-body {
    background: transparent;
    height: 1px;
    max-height: calc(100% - 100px);
}
#modal-deal .menu-desk-item.halfhalfdealitem{
    min-height: 150px;
}

#modal-deal .modal-body .container-fluid {
    overflow: hidden;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
#modal-deal .modal-body .content-row{
    /*max-height: 50vh;*/
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

#modal-deal .list-group-item.active {
    background: #FFFFFF;
    color: #A57C58;
    font-weight: bold;
    border-style: solid;
}

#modal-deal .deal-steps card-body {
    border: 1px dashed #D8D8D8;
}

#modal-deal .card {
    background: #EFEFF4;
    border-radius: 0.5rem;
    /*margin-top: .5rem;*/
    padding-top: .5rem;
    text-decoration: none;
    font-style: normal;
    text-align: left;
    width: 100%;
}


    #modal-deal .deal-img-wrap {
        width: 27.5vw;
        max-width: 27.5vw;
    }

@media(min-width: 768px) {
    #modal-deal .deal-img-wrap {
        width: 7.5vw;
        max-width: 7.5vw;
    }
}

#modal-deal .deal-products .menu-desk-item-desc {
    color: #A6A6AB;
}

#modal-deal .deal-steps .card.selected .card-body,
#modal-deal .deal-steps .card.disabled .card-body {
    background: #F9F9FE;
    color: #A6A6AB;
}


#modal-deal .deal-customize .menu-desk-item-name{
    font-family: 'Montserrat-Black';
    font-size: 1.25rem;
}

#modal-deal .modal-desk-product-title { font-size: 14px; }

#modal-deal .prod-desk-del-container {
    margin: 0;
}

#modal-deal .deal-steps .deal-steps-container>:last-child {
    margin-bottom: 5rem;
}
#modal-deal .deal-steps .deal-steps-container {
    overflow: auto;
    padding-right: .5rem;
    padding-left: .5rem;
}

#halfhalf-product-section .half-customize .half-select .halfhalf-menu-items::-webkit-scrollbar,
#modal-mobi-halfhalf #modal-menu::-webkit-scrollbar,
#modal-desk-halfhalf .half-customize .half-custom::-webkit-scrollbar
{
    display: block;
    width: 10px; left:-100px;
}

#modal-deal .deal-steps .deal-steps-container::-webkit-scrollbar {
    display: block !important;
}
#modal-deal .deal-steps {
    flex-shrink: 0;
    flex-grow: 0;
}

#modal-deal .deal-steps > div {
    overflow: hidden;
}

#modal-deal .deal-steps p {
    margin: 0;
}

/* Desktop small screen */
@media (min-width: 550px) and (max-width: 1199px)  {
    #modal-deal .modal-dialog {
      width: 90vw !important;
      max-width: 90vw !important;
    }

    .deal-products .menu-desk-item-info{
        overflow-y: scroll;
    }
}

/* Desktop */
@media (min-width: 1200px) {
    #modal-deal .modal-dialog {
      width: 70vw !important;
      max-width: 70vw !important;
    }

}
/* Tablet */
@media (min-width: 768px) {

    .loader-image{
        width: 15%;
    }

    #modal-deal .deal-customize .col-sm-6 { max-width: 100%; }

    #modal-deal .deal-customize { width: 0; }
    #modal-deal .deal-products { width: 66.6666%; }

    #modal-deal .modal-content {
        /*height: 80vh;*/
    }
    #modal-deal .modal-dialog {
        margin-top: 0;
        align-items: center;
    }
    #modal-deal .deal-steps .deal-steps-container {
        padding: 0;
    }
    /* #modal-deal img {
        transition: 0.5s;
    } */

    #modal-deal .modal-body .content-row{
        /*max-height: 50vh;*/
    }

    #modal-deal .deal-customize-row {
        min-height: calc(100% - 4rem);
        max-height: calc(100% - 4rem);
    }

    #modal-deal .card.selected:hover,
    #modal-deal .card.done:hover {
        cursor: pointer;
    }
    #modal-deal .card.disabled:hover {
        cursor: default;
    }
    #modal-deal .card {
        margin-top: 0;
        border-top: none;
        border-left: none;
        border-right: none;
        border-radius: 0;
    }

#modal-deal .gold-check-box {
left: 0
}

#modal-deal .prod-desk-del-container {
padding: 0 0 0 2.5rem;
margin-bottom: 20px;
}

#modal-deal .inc-title {
margin-bottom: 0;
}

/* Deal Steps */
#modal-deal .deal-steps {
    width: 33.3333%;
}
#modal-deal .deal-steps .selected .step-num {
    background: #A57C58;
}

#modal-deal .deal-steps .card-body {
    border: none;
    border-right: 1px solid #D8D8D8;
        border-bottom: 1px solid #D8D8D8;
    border-radius: 0;
}
#modal-deal .deal-steps .card.selected .card-body {
    background-color: #fff;
    color: #a57c58;
}
#modal-deal .deal-steps .card.done .card-body {
border-bottom: 1px solid #D8D8D8;
border-radius: 0;
}

#modal-deal .selected .indicator {
    display: block;
    position: absolute;
    height: 2rem;
    width: 4px;
    background-color: #A57C58;
    border-radius: 0 .25rem .25rem 0;
    top: calc(50% - 1rem);
    right: 0;
     z-index: 1;
}

#modal-deal .deal-steps .card-body {
    width: calc(100% - 4px);

}
#modal-deal .deal-steps .card.selected {
color: #a57c58;
font-weight: bold;
}

#modal-deal .deal-steps .card.disabled .card-body {
    border: none;
border-bottom: 1px dashed #D8D8D8;
}

#modal-deal .deal-steps .card {
padding: 0;
}

#modal-deal .deal-steps .card .deal-item-wrap {
max-width: 80%;
}
/* Deal Steps */

/* Deal Products */
#modal-deal .deal-products .card {
border: none;
background: transparent;
}

#modal-deal .deal-products .card.col-md-6 {
padding: 0.625rem;
}
#modal-deal .modal-desk-product-title {
font-size: 1rem;
}
#modal-deal .deal-products .card.col-md-6:first-child,
#modal-deal .deal-products .card.col-md-6:nth-child(2) {
padding-top: 1.25rem;
}

#modal-deal .deal-products .card.col-md-6:nth-last-child(2) {
padding-bottom: 1.25rem;
}

#modal-deal .deal-products .card.col-md-6:nth-child(odd) {
padding-left: 1.25rem !important;
}
#modal-deal .deal-products .card.col-md-6:nth-child(even) {
padding-right: 1.25rem !important;
}

#modal-deal .deal-products .card.col-md-12 {
padding: 0.625rem 1.25rem;
}

#modal-deal .deal-products .card:first-child {
padding-top: 1.25rem !important;
}
#modal-deal .deal-products .card:last-child {
padding-bottom: 1.25rem !important;
}

#modal-deal .deal-products .menu-desk-item {
    padding: 0;
    margin: 0;
    border: 1px solid #FFFFFF;
    transition: all .5s ease-in-out;
    min-height: 8rem;
    height: 100%;
    background: #ffffff;
    -moz-box-shadow: 0px 0px 1px 0px #ccc;
    -webkit-box-shadow: 0px 0px 1px 0px #ccc;
    box-shadow: 0px 0px 8px 0px #ccc;
    border-radius: .5rem;
    cursor: pointer;
}

#modal-deal .deal-products .selected .menu-desk-item  {
border-color: #a57c58;
}
/* Deal Products */

/* Deal Customize */
#modal-deal .deal-customize {
padding: 0 1.25rem;
}

#modal-deal .deal-customize-row {
overflow-y: hidden;
}

#modal-deal .deal-customize-row > div {
overflow-y: auto;
}

#modal-deal .deal-customize .customize-wrap {
background: transparent;


}
/* Deal Customize */

#modal-deal .deal-steps,
#modal-deal .deal-customize {
background: #FFFFFF;
}

#modal-deal .deal-products {
background: #EFEFF4;
}

#modal-deal .deal-customize,
#modal-deal .deal-products {
transition: 0.3s;
}

#modal-deal .deal-products,
#modal-deal .deal-steps {
padding: 0;
}

#modal-deal .list-group-item {
border-radius: 0;
margin: 0;
}

#modal-deal .modal-content {
margin: 0;
height: 90%;
}

#modal-deal .modal-dialog {
margin: auto !important;
height: 80%;
}
#modal-deal .deal-steps .done .step-num,
#modal-deal .deal-steps .selected .step-num,
#modal-deal .deal-steps .disabled .step-num {
    margin: 0;
    margin-bottom: auto;
}

}

.method-time-wrap  p {
   margin-bottom: 0px !important;
}

.store-header .ricon {
    /*position: absolute;*/
    /*right: 3%;*/
    font-size: 28px;
    /*line-height: unset;*/
    /*top:38%;*/
}

@media (max-width: 600px) {

    .button-loader-add{
        width: 10%;
        height: auto;
        margin: 0 auto;
        display:none;
    }
    .current-location-btn-wrap .btn {
        height: 3rem;
        padding: 0.5rem 1rem;
        text-align: left;
        width: 100%;
        border:0;
    }

    .current-location-image {
        font-size: 1.625rem;
    }

    .current-location-text {
        font-size: 18px;
        font-size: 1rem;
        font-family: "Montserrat-SemiBold";
        padding: 0.1rem 0 0 3.4rem;
        padding: 0;
        padding-right: 1.625rem;
        text-align: center;
    }

#modal-option .method-time-wrap {
    background-position: 11%;
    background-size: 15%;
    padding: 0px;
}

.delivery-template-container .col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

#modal-login .modal-title {
    font-size: 12pt;
}

#modal-login .modal-header-icon-wrap {
   margin: .1rem auto .1rem;
}

/* .img-fluid {
    width: 15vw !important;
} */

#modal-login .modal-header {
   padding: .5rem;
}

#modal-guest-info input, #modal-login input {
   font-size: 11pt;
}

#modal-login input[name=password] {
    background-size: 5%;
}

#modal-login .input-group-append button {
    margin: 5px 4px;
}

.store-list-wrap .order-step-body {
/*  overflow-x: scroll;*/
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

    .method-2 .store-option-icon.store-delivery.ou-icon-thin.ou-ic-delivery {
        padding-top: 26px;
    }

#modal-login .form-card {
	padding-bottom: 0px;
	margin-bottom: .5rem;
}

.login-section.btn-group-toggle {
    margin-top: 0rem;
}

.signup-password-confirm {
    margin-top: -1.3rem;
}
}

@media (max-width: 320px) {
    /*#modal-option .modal-delivery-time {*/
    /*    font-size: 10pt;*/
    /*}*/

    .pl-2, .px-2 {
             padding-left: 0rem !important; 
        }

    .pr-2, .px-2 {
        padding-right: 0rem!important; 
    }    
    
#modal-hours .nav-tabs {
    width: 95vw;
    overflow-x: scroll;
}

.store-list-wrap .order-step-body {
    /*max-height: 55vh;*/

}

#modal-option #address-map {
    margin-top: .2rem;
}

.store-list-wrap {
    height: auto;
}

.store-option-icon {
    border-radius: 50%;
    height: 3.2rem;
    width: 3.2rem;
    display:block;
    margin-top: -5px;
    margin-bottom: -25px;
}

.single-store-list p.store-option-time {
    font-size: 0.9rem;
}

.store-pickup, .store-delivery, .store-dine, .store-roomservice {
    font-size:25px;
}

.method-3 .single-store-options-wrap{
    height: auto !important;
}

}

#search_postcode {
    height: 50px;
    border: none;
}

.pac-container {
    z-index: 9999;
    /*margin-top: -20px;*/
    padding: 0 .75rem .25rem !important;
}

.pac-item:first-child {
    margin-top: 20px !important;
    border-top: none;
}
.pac-item {
    padding: .5rem 1rem !important;
    border-color: #fbfbfb;
}

#modal_upsells .img-fluid {
    /* This is effecting the deep link upsel image, tested, no need of this.
    height: 100%!important;
    */
    width: 100% !important;
    max-height: unset;
}

#modal_upsells .modal-dialog {
    max-width: calc(100vw - 1rem);
    align-items: normal;
    min-height: unset;
    margin-top: calc(33px + .5rem);
    /*margin-bottom: .5rem;*/
    /*height: calc(100vh - (33px + 1rem));*/
    height: calc(100% - (33px + .5rem));
    top: 0 !important;
    transform: translate(0,0) !important;
}

#modal_upsells .modal-content {
    /*height: calc(100vh - (33px + .5rem));*/
}

#modal_upsells .modal-body { background: #EFEFF4; height: 100%; }
#modal_upsells .upsell-item-name { color: #333333; }
#modal_upsells .upsell-item-price { color: #a57c58; }
#modal_upsells .product-img { overflow: hidden; /*max-height: 15vh;*/ }
#modal_upsells .card {
    border-radius: .5rem;
    /*width: 170px;*/
    /*height: 170px;*/
}

#modal_upsells .modal-header .modal-header-btns { margin-right: -16px; }

#modal_upsells #checkout_continue {
    border:none;
}

#upsell_list>[class*=col-] { padding: .25rem; }

@media (min-width: 768px) {

    .store-header .divricon {
        display: none;
    }
    
    #modal_upsells .modal-dialog {
        /*height: 100vh;*/
        margin: 0 auto;
        width: 70%;
        max-width: 720px!important;
        top: unset;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        align-items: center;
    }
#modal_upsells .modal-content {
    max-height: 80%;
    height: auto;
    }

    #modal_upsells .product-img {
        /*max-height: 20vh;*/
    }
}

@media (max-width: 320px) {
    .single-store-list .store-option{
        padding:0.6rem!important;
    }

    .method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-icon{ width: 5rem; height: 5rem; font-size:31px;  }
    .method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-success,
    .method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-danger{
        top: 0px;
    }

    .method-2 .store-option-details {
        padding-top: 8px !important;
    }

}

@media(max-width: 375px) and (max-height: 812px) and (min-height: 641px) {
    .single-store-list .store-option{
        margin: 0.5rem auto;
    }
}

@media (max-width: 375px) {

.store-option-status.text-success{
    padding: 0 0.7rem 0.1rem 0.7rem;
}
.store-option-status.text-warning,
.store-option-status.text-danger,
.store-option-status.text-success {
	margin-bottom: 0px;
}
.single-store-list p.store-option-type {
    padding-top:0px;
    font-size: 5vw;
    line-height: 20px;
}
.method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-icon{ width: 5rem; height: 5rem; font-size:31px;  }
.method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-success,
.method-2 .single-store-options-wrap > .row > .col-6 > .store-option .store-option-status.text-danger{
    width:5rem;
}


.method-2 .store-option-icon.store-delivery.ou-icon-thin.ou-ic-delivery {
    padding-top: 22px;
}

.col-5.col-md-12.store-option-details{
    top:0rem;
	margin-top: auto;
	margin-bottom: auto;
}
.store-option .col-2.method-icon-right {
	margin-top: auto;
	margin-bottom: auto;
}
.single-store-list .store-option {
	padding: .8rem;
   /* height: 220px !important;*/
}

.single-store-options-wrap {
    /*height: 50% !important;*/
    /*min-height: 240px !important;*/
}

.store-option-status{
    font-size: 0.9rem;
    padding: 0 8px 0 8px;
}
.single-store-list .single-store-body{
    overflow-y:hidden;
}

.single-store-list .store-option > div[class="col-5"] {
    padding-right: 0;
    padding-left: 0;
}

.skip-btn-wrap {
    padding: 0px !important;
}
#modal-option .modal-delivery-details p{
    font-size: 0.9rem;
}
#modal-option #modal-store-name{
    font-size: 16px;
}
#modal-option #from_label{
    font-size: 12px;
}
#modal-option .text-label{
    font-size: 1rem;
}
}


@media (max-width: 320px) {
    .col-5.col-md-12.store-option-details{
        top:0.5rem;
    }

  .single-store-list.method-3 .store-option-status{
        max-width: 45%;
    }
}

@media (max-width: 414px) {
    .single-store-list .single-store-body.method-3,
    .single-store-list .single-store-body.method-4 {
        /*max-height: 50vh;
        height: 32vh;*/
        padding-bottom: 10px;
    }
    .single-store-list .store-option {
       /* padding: .8rem;
        height: 100% !important;*/
        /*min-height: 204px !important;*/
}
    .single-store-options-wrap div.row {
		overflow: auto;
    }
	
	.with-bubble .order-step.store-list-wrap.reselect-store.show{
		top: 95px;
	}

}

#modal-login2 {
background-color: rgba(0,0,0,0.6);
visibility: visible;
z-index: 99999;
}

#modal-hours .modal-title,
#modal-login2 .login-section .modal-title,
#modal-login2 .signup-section .modal-title
{
    text-transform: none;
}

#modal-login2 .signup-section .form-group{
    margin-bottom: .5rem;
}

  #modal-login2 .btn {
    font-family: 'Montserrat-Medium';
    /*text-transform: uppercase;*/
    border: none;
    padding: 12px;
  }
  #modal-login2 .btn-link {
    color: #a57c58;
    font-family: 'Montserrat-Medium';
    text-decoration: underline;
    text-transform: none;
    font-style: italic;
    border: none;
  }

  #modal-login2 .loading,
  #modal-login2 .invalid { border: none; }

  #modal-login2 .loading img { width: 100%; }
  #modal-login2 .loading {
    padding: .25rem;
  }

  #modal-login2 .invalid {
    background: red;
    color: #fff;
  }

  #modal-login2 .show-pass {
    margin-right: 0 !important;
  }

  #modal-login2 .show-pass,
  #modal-login2 .forgot-pass {
    color: #737377;
    background: #fff;
  }

  /* FLOAT LABEL CSS */
  #modal-login2 .col-6 .input-group { padding-left: .5rem;  padding-right: 1rem;  }
  #modal-login2 .col-6:first-child .input-group { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: .1rem; }
  #modal-login2 .col-6:last-child .input-group { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: .1rem; }

  #modal-login2 .input-group-append .ou-icon { padding: .5rem; }
  #modal-login2 .input-group-append { width: 50px; }
  #modal-login2 .input-group-append span {
    width: calc(50px - 1rem);
    height: calc(50px - 1rem);
    padding: 0;
    margin: .5rem;
  }

  #modal-login2 .input-group {
    background-color: #efeff4;
    border-radius: 31px;
  }

  #modal-login2 .input-group-prepend .ou-icon {
    padding: .5rem .5rem .5rem 1rem;
    color: #737377;
  }

  #modal-login2 .form-control.error { font-size: 1rem !important; }
  #modal-login2 .form-control.form-label-group { border-radius: 0 !important; }
  #modal-login2 .form-control.form-label-group input {
    width: 100%;
    padding-left: 0 !important;
    border-radius: 0 !important;
  }

  #modal-login2 .modal-footer {
    margin: 0;
  }
  #modal-login2 .form-control {
    padding-left: .5rem !important;
    padding-right: 0 !important;
    background: transparent;
    height: 50px;
    width: 100%;
    border: none;
    color: #000;
    font-family: 'Montserrat-Medium';
  }

  #modal-login2 .form-label-group {
    margin-bottom: 0;
    /*width: auto !important; */
  }

  #modal-login2 .form-label-group > label {
    padding-left: .5rem !important;
    padding-right: 0 !important;
    border: none;
    height: 50px;
    margin: 0;
  }
  /* FLOAT LABEL CSS */

  #modal-login2 .modal-header-icon-wrap { font-size: 4rem; color: #fff; }
  #modal-login2 .modal-header { display: inline; }
  #modal-login2 .modal-content {
/*    margin-top: calc(33px + .5rem);
    margin-bottom: 2rem;*/
  }

  #modal-login2 .login-section .modal-footer button svg {
    height: 1.5rem;
    padding-left: 1rem;
    color: #fff;
}

  #modal-login2 .modal-footer button { font-size: 1rem !important; color: #fff; border: none; padding: .75rem 0 !important; font-family: 'Montserrat-Medium'; }
  #modal-login2 .login-section .modal-footer button { font-family: 'Montserrat-Medium'; }
  #modal-login2 .button-facebook { background: #4267B2; }
  #modal-login2 .button-google { background: #DC4B3E; }

  #modal-login2 .modal-dialog {
    top: unset;
    transform: translate(0,0);
    margin-top: .5rem;
    margin-bottom: .5rem;
    /*height: calc(100vh - 1rem);*/
  }

  #modal-login2 #forgot-form .modal-footer img {
    width: 21px;
    height: 21px;
  }

  #modal-login2 .btn-prev, #modal-login2 .btn-close { color: #a57c58; background-image: none; top: 2.5rem; height: 2rem; width: 2rem; }
  #modal-login2 .btn-prev i, #modal-login2 .btn-close i { padding: .5rem; font-weight: bold; }
  #modal-login2 .btn-prev > .ou-icon { margin: 0; }

/* #modal-login2 .switch-light { width: 5rem; } */
/* #modal-login2 .switch-light a { right: 0; } */
/* #modal-login2 .switch-light.is-on a { right: 50%; } */
.switch-light { width: 5rem; }
.switch-light a { right: 50%; }
.switch-light.is-on a { right: 0; }

@media (min-width: 768px) {
  #modal-login2 .modal-content {
    margin: 1.5rem 0;
  }

  #modal-login2 .modal-dialog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (.5rem * 2));
    max-width: 50vw;
    }
}

  #nav-step4 .col-6 .input-group { padding-left: .5rem;  padding-right: 1rem;  }
  #nav-step4 .col-6:first-child .input-group { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: .1rem; }
  #nav-step4 .col-6:last-child .input-group { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: .1rem; }

  #nav-step4 .input-group-append .ou-icon { padding: .5rem; }
  #nav-step4 .input-group-append { width: 50px; }
  #nav-step4 .input-group-append span {
    width: calc(50px - 1rem);
    height: calc(50px - 1rem);
    padding: 0;
    margin: .5rem;
  }

  #nav-step4 .input-group {
    background-color: #efeff4;
    border-radius: 31px;
  }

  #nav-step4 .input-group-prepend .ou-icon {
    padding: .5rem .5rem .5rem 1rem;
    color: #737377;
  }

  #nav-step4 .form-control.error { font-size: 1rem !important; }
  #nav-step4 .form-control.form-label-group { border-radius: 0 !important; }
  #nav-step4 .form-control.form-label-group input {
    width: 100%;
    padding-left: 0 !important;
    border-radius: 0 !important;
    z-index: 3;
  }

  #nav-step4 .form-control {
    padding-left: .5rem !important;
    padding-right: 0 !important;
    background: transparent;
    height: 50px;
    width: 100%;
    border: none;
    color: #000;
    font-family: 'Montserrat-Medium';
  }

  #nav-step4 .form-label-group {
    margin-bottom: 0;
    width: auto !important;
  }

  #nav-step4 .form-label-group > label {
    padding-left: .5rem !important;
    padding-right: 0 !important;
    border: none;
    height: 50px;
  }
  /* FLOAT LABEL CSS */
    .exp-label-container{
        color: #757575;
    }
    .exp-month-container{
        /* padding-left: 2rem; */
    }
	
	#nav-step4 .exp-month-container .form-control,
	#nav-step4 .exp-year-container .form-control	{
		padding-left: 0 !important;
	}
	
	#nav-step4 .exp-month-container input.exp-month,
	#nav-step4 .exp-year-container input.exp-year{
		text-align: center;
	}

    .exp-split-container{
        font-size:1.2rem;
        color: #757575;
        margin-top: 0.5rem;
		width: 4%;
    }
    .exp-label-container{
        padding-left: 1rem;
    }

    .ccv-container, .card-number-container, .card-name-container{
      padding-left: 0.5rem;
      height: 50px;
    }

@media (min-width: 992px) {
  #modal-login2 .modal-dialog {
    max-width: 40vw;
  }
}

@media (min-width: 1200px) {
  #modal-login2 .modal-dialog {
    max-width: 30vw;
  }
}

/* Switch */

/*.switch-light-container {
    cursor: pointer;
	margin: 0.5rem 0;
}*/
.switch-light {
    font-family: 'Montserrat-Medium';
    text-transform: uppercase;
    border-radius: 3rem;
    padding: .5rem;
    margin-bottom: 0;
    background: #EFEFF4;
    min-width: 5rem;
}

.switch-light-container .switch-label {
    color: #A6A6AB;
    height: 3rem;
    width: calc(100% - 5rem);
}

.switch-light .alert-light {
    color: #fff;
    border: none;
    margin-bottom: 0;
    background: transparent;
}
.switch-light .on { color: #A6A6AB; cursor: pointer; }
.switch-light .off { color: #737377; cursor: pointer; font-weight: bold; }
.switch-light.is-on .on { color: #a57c58; font-weight: bold; }
.switch-light.is-on .off { color: #fff; font-weight: normal; }
.switch-light a { background: #fff; border-radius: 3rem; transition: all 0.3s ease-out; }
/* Switch */

/*box-shadow: 1px 1px 10px 3px rgb(195, 195, 195); border-radius: 10px;*/
.store-option:hover { color: #a57c58; transition: all .3s ease; }
.store-option:hover .store-option-icon { background-color: #a57c58; transition: all .3s ease; }
.store-option:hover .store-delivery { color:#fff; }
.store-option:hover .store-dine { color:#fff; }
.store-option:hover .store-pickup { color:#fff; }
.store-option:hover .store-roomservice { color:#fff; }

.freezePage{
  overflow: hidden;
  height: 100%;
  position: relative;
}

#category_all_slide .menu-category .ou-icon {font-size: 1.25rem; padding-top: .25rem; }
.menu-desk-item.featured img{
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.menu-desk-item .ou-icon { color: #a57c58; padding-top: .25rem; padding-left: .25rem; }
.menu-desk-item p, .menu-desk-item h6, .halfhalf-desk-itemp, .halfhalf-desk-item h6 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.menu-desk-item h6 {
    font-family:'Montserrat-Medium';
}

#modal-deal .deal-products .menu-desk-item {
    background: #ffffff;
    -moz-box-shadow: 0px 0px 1px 0px #ccc;
    -webkit-box-shadow: 0px 0px 1px 0px #ccc;
    box-shadow: 0px 0px 8px 0px #ccc;
    border-radius: .5rem;
}

#modal-deal .deal-products .menu-desk-item:hover,
.featured-product.card-container .card:hover,
.standard-product.card-container .card:hover,
.deal.menu-desk-item:hover {
    -webkit-box-shadow: 0px 0px 10px 2px #cccccc6b;
    -moz-box-shadow: 0px 0px 10px 2px #cccccc6b;
    box-shadow: 0px 0px 10px 2px #cccccc6b;
    transition: all .3s ease-in-out; }

.scroll-gradient {
  bottom: 0;
  background: linear-gradient(to top, #fff, rgba(255,255,255,0));
  height: 2rem;
 /* height: 1.5rem;*/
  margin-top: -2rem;
  position: sticky;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    z-index: 9999;
    pointer-events: none;
}

#modal-deal .deal-add-item-row {
    display: none;
}

#modal-desk-product .modal-footer {
    margin-top: .5rem;
}
#modal-desk-product .scroll-gradient {
  bottom: unset;
  /*margin-top: -3.5rem;*/
  margin-top: -2.5rem;
}
#modal-deal .deal-steps .row,
#modal-deal .deal-products .row {
    padding: 0 .5rem;
}

#modal-deal .scroll-gradient {
    background: linear-gradient(to top, #EFEFF4, rgba(255,255,255,0));
}

@media (min-width: 768px) {
    #modal-deal .deal-steps .row,
    #modal-deal .deal-products .row {
        padding: 0;
    }

    #modal-deal .deal-steps .scroll-gradient,
    #modal-deal .deal-customize .scroll-gradient {
        background: linear-gradient(to top, #fff, rgba(255,255,255,0));
    }

    #modal-deal .scroll-gradient {
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
    }
    #modal-deal .deal-customize .scroll-gradient {
       margin-bottom: .5rem;
    }

    #modal-deal .deal-add-item-row {
        display: block;
    }
}

/* Gradient */
.switch-light.is-on
{
    /*background: linear-gradient(to right, rgba(255,255,255,.20), transparent);*/
    background-color: #a57c58;
}

.guest-btn-wrap .btn:first-child
{
    /*background: linear-gradient(to right, rgba(255,255,255,.20), transparent);*/
    background-color: #a57c58;
}

/* BUTTONS INSIDE MODAL */
/*.modal button:not(.btn-link)
{
    background: linear-gradient(to right, rgba(255,255,255,.20), transparent);
    background-color: #a57c58;
    color: #fff;
}
*/
/* MODAL HEADER */
.modal-header, .modal-header-promo-resp-text,
#modal-desk-product .modal-header-desk-product
{
    /*background: linear-gradient(to right, rgba(255,255,255,.20), transparent);*/
    background-color: #a57c58;
    color: #fff;
}

#modal-desk-product h5.modal-title {
    font-size: 20px;
    text-align: left;
    text-transform: none;
    font-weight: 700;
}

#modal-desk-product .modal-header-title {
    padding-left:1rem;
}

/*
#nav-step3 .col-6 .input-group { padding-left: .5rem;  padding-right: 1rem;  }
#nav-step3 .col-6:first-child .input-group { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: .1rem; }
#nav-step3 .col-6:last-child .input-group { border-top-left-radius: 0; border-bottom-left-radius: 0; margin-left: .1rem; }
#nav-step3 .input-group-append .ou-icon { padding: .5rem; }
#nav-step3 .input-group-append { width: 50px; }
#nav-step3 .input-group-append span { width: calc(50px - 1rem); height: calc(50px - 1rem); padding: 0; margin: .5rem; } #nav-step3 .input-group { background-color: #efeff4; border-radius: 31px; }
#nav-step3 .input-group-prepend .ou-icon { padding: .5rem .5rem .5rem 1rem; color: #737377; }
#nav-step3 .form-control.error { font-size: 1rem !important; }
#nav-step3 .form-control.form-label-group { border-radius: 0 !important; }
#nav-step3 .form-control.form-label-group input { width: 100%; padding-left: 0 !important; border-radius: 0 !important; }
#nav-step3 .form-control { padding-left: .5rem !important; padding-right: 0 !important; background: transparent; height: 50px; width: 100%; border: none; color: #000; font-family: 'Montserrat-Medium'; }
#nav-step3 .form-label-group { margin-bottom: 0; }
#nav-step3 .form-label-group > label { padding-left: .5rem !important; padding-right: 0 !important; border: none; height: 50px; }
*/
.content-show { border-radius: 0; }
.content-hide { border-radius: .5rem; }

.category-overlay {
    /*background: rgba(0,0,0,1);*/
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}

.modal-header-title {
    padding-left: 4.5rem;
}

.modal-header-btns { margin-top: .5rem; width: 2rem; flex-shrink: 0; }
.modal-header-btns > button {
    width: 2rem;
    height: 2rem;
    border: none;
    border-radius: 100%;
    padding: 0 !important;
    position: static;
}

.btn-favorite {
    margin-right: .5rem;
    background: #fff;
    color: #A6A6AB;
}
.btn-favorite.active { color: #FF2750; }

.btn-exit {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    background: #F9F9FE;
    color: #a57c58;
}

.btn-prev {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    background: #F9F9FE;
    color: #a57c58;
}

/* remove if favorites are working */
.modal-header-title { padding-left: 2rem; }
.btn-favorite { display: none; }
/* remove if favorites are working */

#filter_toggle {
    z-index: 0;
    width: 8rem;
    margin-left: 1rem;
}

#filter_toggle a { right: 0; }
#filter_toggle input:checked~span a { right: 50%; }

.filter-symbols .btn-symbol {
    cursor: pointer;
    background-color: #EFEFF4;
    border-radius: 3rem;
    width: 3rem;
    height: 3rem;
    padding: 0;
    color: #a57c58;
    margin: .25rem 0;
    margin-right: .5rem;
    transition: all .3s ease-in-out;
}

.filter-symbols .btn-symbol:hover {
    box-shadow: 0px 0px 10px 2px #ccc;
}
.filter-symbols .btn-symbol.selected {
    /*background-image: linear-gradient(to right, rgba(255,255,255,.20), transparent);*/
    background-color: #a57c58;
    width: unset;
}

.filter-symbols .btn-symbol .symbol-content {
    transition: all .3s ease-in-out;
    color: #fff;
    width: 0px;
    opacity: 0;
    height: 3rem;
    display: none;
    flex-grow: 1;
}
.filter-symbols .btn-symbol.selected .symbol-content {
    opacity: 1;
    width: 100%;
    display: block;
}

.filter-symbols .btn-symbol .symbol-icon {
	background: #fff;
	border-radius: inherit;
	width: 2rem;
	height: 2rem;
	margin: .5rem;

    flex-grow: 0;
    flex-shrink: 0;

	font-weight: bold;
	/*font-size: 1.25rem;*/
}

.filter-symbols .btn-symbol .symbol-icon .symbol_image_location {
    /*same with .filter-symbols .btn-symbol .symbol-icon*/
    border-radius: inherit;
    width: 2rem;
    height: 2rem;
}

.filter-symbols .btn-symbol .symbol-icon svg {
    fill: currentColor;
}

.btn-symbol .symbol-text {
    /*font-weight: bold;*/
    /*text-transform: uppercase;*/
    white-space: nowrap;
}

.filter-list { margin-left: 1rem; }

.category-subtitle {
    color: #333;
    font-weight: bold;
}
.category-description,
.category-preptime-description
{
    color: #a6a6ab;
}

.deal-ribbon {
  background:#FF3B30;
  color: #fff;
  /*text-transform: uppercase;*/

  width: 10rem;
  clip-path: polygon(0 0, 100% 0, calc(100% - 1rem) 50%, 100% 100%, 0 100%);
  padding: .25rem 1.5rem .25rem 1rem;

  border-top-left-radius: inherit;
}

.deal-price, .deal-price-suffix {
    font-family: 'Montserrat-Medium';
}

.deal-price sup {
    top: -.3em;
    left: -.25em;
}

.deal-info {
    padding: 1rem;
}
.deal-desc {
    margin-top: 1rem;
    color: #000;
    font-family: 'Montserrat-Medium';
}
.deal-title {
    color: #a57c58;
    font-family: 'Montserrat-Medium';
    font-style: italic;
}

.deal-methods, .deal-title, .deal-desc {
    /*text-transform: uppercase;*/
    text-align: center;
}

.deal-info-wrap {
    /*commenting this, as this is creating problem when using deeplink*/
    /*height: calc(100% - 2rem);*/
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.deal-methods {
    color: #fff;
    background: #a57c58;
    padding: 0 .5rem;
    border-radius: .5rem;
    width: max-content;
    margin: 0 auto;
    margin-top: 1rem;
    display: inline-block;
}

.deal-terms {
    background-color: #F9F9FE;
    color: #a6a6ab;
    font-size: .75rem;
    padding: .5rem 1rem;
    text-align: left;
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}

.deal_trigger:first-child {
    /*margin-top: 1rem;*/
}
.deal_trigger {
    border-radius: .5rem;
    /*margin: 0 1rem;*/
    /*margin-bottom: 1rem;*/
    padding: 14px;
    box-shadow: 0px 0px 8px 0px #ccc;
}
.single-store-options-wrap {
    background: #EFEFF4;
    padding-bottom: 1.5rem;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.method-4 > .single-store-options-wrap {
    overflow: scroll;
}

/* Theme Override for Toastr */
#toast-container, .toast-container { transition: .25s ease; }
#toast-container>.toast-success, .toast-container>.toast-success,
#toast-container>.toast-warning, .toast-container>.toast-warning,
#toast-container>.toast-info, .toast-container>.toast-info,
#toast-container>.toast-danger, .toast-container>.toast-danger { background-image: none !important; }

.toast-close-button { display: none; }

.toast-success {}
.toast-warning { background: #EABB00; }
.toast-info { }
.toast-danger { background: #FF3B30; }

#toast-container>div, .toast-container>div {
    opacity: 1;
    border-radius: 0;
    padding: .5rem 1rem;
}

#toast-container>div, .toast-container>div,
#toast-container>div:hover, .toast-container>div:hover {
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

#toast-container.toast-top-full-width>div, .toast-container.toast-top-full-width>div {
	/*width: 100vw;*/
    width: 100%;
    margin: 0;
}

.toast-message {
    font-size: .9rem;
    font-size: .8rem;
}

@media (min-width: 768px) {
    .toast-message {
        font-size: 1rem;
    }
}

._tooltip {
    position: relative;
    display: inline-block;
}

._tooltip ._tooltip-text {
    visibility: hidden;
    background-color: #f9f9fe;
    color: #a6a6ab;
    width: 120px;

    bottom: 125%;
    left: 50%; 
    margin-left: -60px;

    padding: .25rem 1rem;
    border-radius: 3rem;
    text-align: center;

    position: absolute;
    z-index: 1;
    box-shadow: 0px 0px 8px 0px #ccc;
    opacity: 0;
    transition: all .3s ease-in-out;
}

.item-symbol._tooltip ._tooltip-text {
    width: unset;
    white-space: nowrap;
}

._tooltip ._tooltip-text::after {
    content: " ";
    position: absolute;
    top: 100%; /* At the bottom of the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #f9f9fe transparent transparent transparent;
}

._tooltip:not(.selected):hover ._tooltip-text {
    visibility: visible;
    opacity: 1;
}

.item-symbol {
    height: 1.5rem;
    width: 1.5rem;
    margin: 0px !important;
    border-radius: 100%;
}
.item-symbol img {
    width: 100% !important;
}
.item-symbol ._tooltip ._tooltip-text { bottom: 140%; }

div#cart-preloader {
    position: fixed;
    z-index: 9999;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
}
div#cart-preloader .overlay {
    display: block !important;
    opacity: .5;
}
div#cart-preloader img {
    align-self: center;
    z-index: 9999;
    margin: auto;
}

.deal-required-error h6,
.half-half-required-error h6,
.required-error h6 {
    color: red;
}

.deal-required-error .other-error-message,
.deal-required-error .courses-error-message,
.deal-required-error .condiment-error-message,
.half-half-required-error .other-error-message,
.half-half-required-error .condiment-error-message,
.required-error .other-error-message,
.required-error .courses-error-message,
.required-error .condiment-error-message {
    display:block !important;
    color: red;
}

.required.error,
.error .condiment-error-message,
.condiment-error-message,
.error .modal-desk-product-title {
    color: red;
}

.required.error .condiment-error-message,
.other-error-message {
    transition: opacity .2s;
}

#modal-deal .modal-title-container {
    transition: .2s;
    overflow: hidden !important;
}
#modal-deal .modal-title-container .modal-description {
    opacity: 1;
    /*Commenting this as it is creating problem for deeplinks*/
    /*height: 100%;*/
}
#modal-deal .modal-title-container.slide {
     /*transform: translateX(calc(-100%)); */
}
#modal-deal .modal-title-container.slide .modal-description {
    opacity: 0;
    height: 0;
}
#modal-option #start-order img{
    max-height: 30px;
}

.scrollHTML {
    overflow: scroll !important;
    height: 600px !important;
}

.scrollHTML .order-step {
    overflow: visible !important;
}

.scrollHTML .modal-close-wrap {
    /*position: fixed;*/
    /*left: 0;*/
    /*bottom: 0px;*/
}

/* Fix for iphone5 deals not displaying properly in the menu */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71)
{
    .flex-column {
        flex:1;
        flex-direction:column !important    ;
    }

    /*#modal-option .method-header-left {*/
    /*    height: 60px;*/
    /*    width: 60px;*/
    /*}*/


    #modal-deal .modal-body {
        background:none;
        height:100%;
    }

    .modal-footer {
        z-index:2000;
    }
   
}

@media (min-width:768px) and (max-width:1199px) {
    .menu-desktop-cart {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .menu-desktop-nav {
        position: relative !important;
        left: 10px !important;
        border-radius: .25rem !important;
    }
    .menu-desktop-cont.rounded {
        padding-left:20px;
    }
}

/*
 - the 70px below should match
 - this is for the checkout button
*/


#modal-cart {
    overflow: hidden !important;
}

#modal-cart .modal-content .modal-body {
    overflow-y: scroll;
    margin-bottom: 70px;
}

#modal-cart .modal-dialog {
    height: 100% !important;
}

#modal-cart .modal-content {
    height: calc(100% - 50px ) !important;
    border-radius: 0;
    position:relative;
}

.with-bubble #modal-cart .modal-footer{
	bottom: 65px;
}

#modal-cart .modal-footer {
    bottom:0px;
    position:absolute;
    width:100%;
    margin: 0px;
}

/*#modal-cart .modal-content .modal-footer {*/
    /*position: fixed;*/
    /*bottom: 0px;*/
    /*margin: 0 auto !important;*/
    /*width: 100%;*/
/*}*/
#modal-cart .modal-content .modal-footer #btn-checkout-mobile {
    margin: 0 auto !important;
    width: 100%;
}

#modal-cart .modal-content .modal-body #order_wrap .payments-accepted{
    margin-bottom: 20px;
}

.et_custom_message{
    font-size: 21px;
    line-height: 26px;
    padding: 30px;
}
.required_note_container .switch-label{
    text-align: left;
    line-height: 13pt;
    font-size: 9pt;
}
.pass-container{ padding-top:10px; }

.mobileCheckoutEnabled {
    padding-bottom: 70px !important;
}

.slideOpen.mobileCheckoutEnabled{
    background: #fff;
}

.store-header table{
    margin: 0px 10px;
}

.store-header table td{
    /*vertical-align: center;*/
}

.store-header table td.storeselectorlogocontainer{
    width:40%;
}

.store-header table td.storedetailscontainer{
    width:60%;
}

.store-header .storeselectorlogocontainer img.storeselectorlogo {
    width: 100%;
}

#modal-desk-product .empty-description {
    display:none !important;
}

@media (max-width: 767px) {
    .store-header table td.storeselectorlogocontainer{
        width:30%;
    }

    .store-header table td.storedetailscontainer{
        width:70%;
    }

    .store-header{
        min-height: 80px;
    }

    #modal-desk-product .mobile-product-image-container {
        display:none;
        margin: -1rem;
        /*padding-bottom: 1rem;*/
        height: 200px;
        overflow: hidden;
    }

    #modal-desk-product.product-with-image .mobile-product-image-container {
        display: none;
    }
    #modal-desk-product .mobile-product-image-container.show {
        display: block;
    }

    #modal-desk-product .mobile-product-image {
        width:100%;
        /*max-height:300px;*/
        margin-top: calc(-20%);
    }

    #modal-desk-product .desktop-product-description-container {
        display:none;
    }

    #modal-desk-product.product-with-image .mobile-product-description-container {
        display:block;
        margin-top: 1rem;
    }

    #modal-desk-product .mobile-product-description-container {
        background-color: #f9f9f9;
        color: #000000;
        padding: 1rem;
        margin: -1rem; /** to make the line background **/
    }

    #modal-desk-product .mobile-product-description-container p.modal-desc {
        text-align: left;
        border: none;
        margin: 0px;
    }

    #modal-desk-product .mobile-add-qty-container {
        min-height: unset;
        width: 200px;
        margin: auto;
        /*position: absolute;*/
        /*bottom: 10px;*/
        /*left: 50%;*/
        /*background-color: #fff;*/
        /*border-bottom-right-radius: 8px;*/
        /*border-bottom-left-radius: 8px;*/
        /*padding-bottom: 10px;*/
        /*padding-top: 16px;*/
        /*margin-top: -14px!important;*/
        /*width: 100%;*/
        /*margin-bottom: 0px;*/
    }
    #modal-desk-product .mobile-add-qty-container.invisible {
        visibility: hidden;
    }

    #modal-desk-product .mobile-add-qty-container .mobile-add-qty {
        /*background-color: #a57c58;*/
        border-radius: 50px;
        padding: 10px 10px 20px 10px;
        /*position: relative;*/
        /*left: -50%;*/
        /*width: 200px;*/
        /*margin: auto;*/
    }

    #modal-desk-product .mobile-add-qty-container .add-qty {
        border: none;
        width: unset;
    }
    #modal-desk-product .mobile-add-qty-container .add-qty .btn-add-qty,
    #modal-desk-product .mobile-add-qty-container .add-qty #modal-qty,
    #modal-desk-product .mobile-add-qty-container .add-qty .btn-less-qty {
        color: #7b7b7b;
    }
    #modal-desk-product .mobile-add-qty-container .add-qty .btn-add-qty,
    #modal-desk-product .mobile-add-qty-container .add-qty .btn-less-qty {
        height: 28px;
        width: 28px;
        margin: 0px;
    }

    #modal-desk-product #modal-menu.setqtyatbottom .order-count-wrap.mobile-add-qty-container {
        position: absolute;
        bottom: 10px;
        left: 50%;
    }
    #modal-desk-product #modal-menu.setqtyatbottom .order-count-wrap.mobile-add-qty-container .mobile-add-qty {
        position: relative;
        left: -50%;
    }

}

/*bubbletrue related css*/
/*mobile*/
@media (max-width: 767px) {
    .bubbletrue.page-multi-store #header {
        z-index: 9999;
    }

    .bubbletrue .order-step.store-list-wrap.show {
        top: 60px;
        z-index: 10000 !important;
    }
    .bubbletrue #modal-login2 .modal-dialog {
        top: 40px;
    }

    .bubbletrue .order-step.store-list-wrap.show .order-step-header .store-list-close {
        margin-top: -40px;
    }

    .bubbletrue .order-step.store-list-wrap.show .delivery-template-container {
        left:0;
        right:0;
    }
    .bubbletrue #modal_upsells .modal-dialog {
        margin-top: 6rem;
    }
    .bubbletrue #modal-desk-product.modal.show .modal-dialog{
        margin-top: 100px;
    }
    .start-order-wrap.show.reselect-multi-store {
        position: absolute;
        z-index: 10000;
    }

    /* .store-list-wrap.reselect-store .order-step-body{
        margin-top: 80px;
    } */
} /*end media check for mobile*/

/*desktop*/
@media (min-width: 768px) {
    .bubbletrue.page-multi-store #header {
        top: 30px;
    }
    .bubbletrue #modal-desk-product .modal-dialog{
        margin-top: 60px;
    }

    .bubbletrue .menu-desktop-cart {
        padding-top: 40px;
    }
    .bubbletrue #modal_upsells .modal-dialog {
        /*margin-top:120px;*/
    }

    #modal-desk-product .mobile-product-image-container {
        display:none;
    }

    #modal-desk-product .mobile-product-description-container {
        display:none;
    }

    #modal-desk-product .desktop-product-description-container {
        background-color: #f9f9f9;
        color: #000000;
        padding: 16px;
    }

    #modal-desk-product .desktop-product-description-container p.modal-desc {
        text-align: left;
        border: none;
        margin: 0px;
    }

    #modal-desk-product .modal-content.hidden-body .desktop-product-description-container {
        padding: 32px 16px;
        border-bottom-left-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
    }

}

/*for both mobile and desktop*/
.bubbletrue #modal-notification .modal-dialog{
    top: -40px;
}

.bubblestoreclosed.show {
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.bubblestoreclosed.hide {
    display: none !important;
}

.bubblestoreclosed {
    background-color : #FF0000;
    color: #ffffff;
    padding:5px 0px;
}

body.with-bubble.list-open .toast-container{
	display: block !important;
}

body.list-open .toast-container{
	display: none !important;
}

body.page-menu .toast-container{
	color: #FFF;
	position: relative;
    z-index: 9999;
}

body #toast-container{
	position: relative;
	max-height: 54px !important;
	top: 0;
}

.delivery-template-container .deliverynotes_container {
    font-size: 16px;
    /* font-style: italic; */
    font-weight: bold;
}
.address-map-wrap.delivery {
    padding-bottom: 10px;
}

.paymentOptionsContainer .stored-cards-div .storedCardTick .inner {
    margin-left: -12px !important;
    margin-top: 5px;
}

.paymentOptionsContainer .stored-cards-div {
    margin-top: 15px !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

/*Added css for hidding signup button and menu bar based on the admin setting*/
.hideappsignup { display: none; }
.hideapplogin { display: none; }
.hideappmenubar { display: none; }

@media (min-width: 1025px) {
	.hidedesktopsignup { display: none; }
    .hidedesktoplogin { display: none; }
	.logindesktopwidth { width: 100% !important; }
    .signupdesktopwidth { width: 100% !important; }
    .clearbg-desktop{ background: none !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.hidetabletsignup { display: none; }
    .hidetabletlogin { display: none; }
	.logintabletwidth { width: 100% !important; }
	.signuptabletwidth { width: 100% !important; }
    .clearbg-tablet{ background: none !important; }
}

@media (max-width: 767px) {
	.hidemobilesignup { display: none; }
    .hidemobilelogin { display: none; }
	.hidemobilemenubar { display: none; }
}

.breakword {
    word-break: break-word;
    white-space:normal;
}

.displaytable {
    display:table;
    width: 100%;
}

.displaytableleftmiddle {
    display:table-cell;
    vertical-align: middle;
    text-align: left;
}

.displaytablerighttop {
    display:table-cell;
    vertical-align: top;
}

/****************************/
/**** DEAL HALFHALF ITEM ****/
/****************************/
.activehalfhalf #deal-desk-size{
    padding-bottom: 60px;
}
.activehalfhalf .deal_halfhalf_product_customize .stepHeader {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    color: #000;
    font-size: 1rem;
    padding-bottom: 0.25rem;
    font-family: "Montserrat-SemiBold";
    text-align: left;
    font-size: 1rem;
    /*text-transform: uppercase;*/
}

.activehalfhalf .deal_halfhalf_product_customize .stepContent{
    padding-top: 10px;
}

.activehalfhalf .deal_halfhalf_product_customize .halfhalf-item {
    padding:10px;
}
.activehalfhalf .deal_halfhalf_product_customize .halfhalf-item .halfhalf-item-desc {
    font-size: 10pt;
}
.activehalfhalf .deal_halfhalf_product_customize .halfhalf-item .halfhalf-item-desc {
    font-size: 10pt;
}

@media (max-width: 767px) {

    #modal-deal.activehalfhalf {
        max-height :100vh !important;
    }

    /*
    Driver Tracing Small Device Fix Start
     */
    #driver-tracking-modal.show{
        visibility: visible;
        z-index: 1080 !important;
        top:20px !important;
    }
    #driver-tracking-modal .modal-content{
        height: auto !important;
    }
    /*
    Driver Tracing Small Device Fix End
     */

}


/***** END ******************/
/**** DEAL HALFHALF ITEM ****/
/****************************/



/**********************/
/**** Small Device ****/
/**********************/
@media screen and (max-width: 576px) {
    #header .logo-wrap img {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media screen and (max-height: 768px) {
    .order-step.store-list-wrap.reselect-store.show {
        top: 75px;
    }
}


@media screen and (max-height: 650px) {

    body.storeclosed {
        padding-top: 40px;
    }

    .bubblestoreclosed.show {
        height: 40px;
        font-size: 14px;
    }

    #modal-cart .coupon-container .input-group,
    #modal-cart .coupon-container .form-control.form-label-group input {
        height : 30px !important;
    }

    #modal-cart .coupon-input-wrap .coupon-icon {
        top :6px !important;
    }

    #modal-cart .coupon-container .input-group,
    #modal-cart .coupon-container .form-control.form-label-group input,
    #modal-cart .coupon-container .form-control.form-label-group {
        padding: 0px;
    }

    #modal-cart .coupon_code_check {
        padding: 0px;
        height: 22px !important;
        line-height: 22px !important;
    }

    .coupon_code_check .button-loader {
        width: 40% !important;
    }

    #modal-cart #fees_list.modal-cart-total-wrap {
        margin: 0px;
    }

    #modal-cart .coupon-input-wrap {
        padding: 10px 0px !important;
    }

    #modal-cart .modal-content .modal-body #order_wrap .payments-accepted {
        margin-bottom: 0px;
    }

    #modal-desk-product h5.modal-title {
        font-size:1rem;
    }

    #modal-desk-product .modal-desc, #modal-deal .modal-content .modal-title-container .modal-description, .modal-content .modal-title-container .modal-description {
        font-size: .75rem;
    }

    #modal-cart .modal-title {
        font-size: 20px !important;
        line-height: normal;
    }

    #modal-cart .modal-header {
        padding:6px;
    }

    #modal-cart .cart-order-item:first-of-type {
        padding-top: 8px;
    }

    #modal-cart .modal-header .btn-close {
        top: 4px;
    }

    #modal-cart .modal-note-wrap p {
        font-size: 14px !important;
    }

    .payments-accepted .payment-method {
        padding: 0px !important;
        margin: 0px 2px !important;
    }

    #fees_toggle {
        margin: 0px;
        padding-top: 4px;
        font-size: 14px;
    }

    #fees_collapse .card-body {
        padding: 0 2rem;
    }

    #modal-cart .modal-cart-total-wrap {
        font-size: 14px;
    }

    .order-step.store-list-wrap.active .delivery-template-container .modal-content {
        padding-bottom: 60px;
    }

}


@media screen and (max-height: 568px) {
    .reselect-store a.to-menu, .reselect-store .skip-to-menu, .reselect-store #skip-address-link {
        font-size: .8rem;
    }

    .single-store-list .single-store-name {
        font-size: 1.2rem;
    }
    .single-store-list p.single-store-address {
        font-size: .8rem;
    }
    .reselect-store .single-store-options-wrap,
    .reselect-store #modal-option .modal-body {
        overflow-y:auto;
        height:200px;
    }
    .reselect-store  .method-4 > .single-store-options-wrap {
        height:50vh;
    }
    .reselect-store  .method-3 .single-store-options-wrap {
        height:40vh !important;
    }
    .reselect-store img.start-closed-image {
        height: 65px;
        width: 65px;
    }
    .order-step.store-list-wrap.show #valid-room, .order-step.store-list-wrap.show #valid-table {
        height: 3rem;
        font-size: 1.6rem;
    }
    .order-step.store-list-wrap.show .address-input-wrap.dinein {
        height: 3rem;
    }
    .reselect-store #modal-option .modal-body .text-label{
        font-size: .8rem;
        margin-bottom: .8rem;
    }
    .reselect-store #modal-option .modal-body .dine-note {
        font-size: 10px;
        padding: 12px 0px 0px 0px;
    }
    .reselect-store .method-3 .single-store-options-wrap .store-option div.row {
        height: 40px !important;
    }
    .reselect-store .method-3 .single-store-options-wrap .store-option .store-option-details {
        margin:0px !important;
    }
    .reselect-store .method-3 .single-store-options-wrap .store-option .store-option-type {
        font-size:.8rem;
    }
    .reselect-store .method-3 .single-store-options-wrap .store-option .store-option-time {
        font-size:.6rem;
    }
}

/* delivery suburb dropdown */
div.dropdown > button#suburb-select-btn + div.dropdown-menu {
    overflow-y: scroll; 
    height: auto; 
    max-height: 23vh; 
    width: 100%; 
    margin-top: 16px; 
    border-top-left-radius: 0px; 
    border-top-right-radius: 0px; 
    transform: translate3d(0px, 47px, 0px) !important; 
    border-top-color: #a57c58; 
    margin-bottom: 5px !important;  
}
div.dropdown > button#suburb-select-btn + div.dropdown-menu::-webkit-scrollbar { 
    display: block !important; 
}

.page-content.content-show{
    overflow-y: hidden;
}

.slideOpen .store-content{
    overflow-y: scroll;
}

mark {
    padding: 0px !important;
}

/*********************************/
/** nfc redirect pop-up message **/
/*********************************/
#modal-welcome-message.modal {
    text-align: center;
}
#modal-welcome-message.modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
#modal-welcome-message .modal-content,
#modal-promo-resp-text .modal-content,
#modal-confirm-resp-text .modal-content
 {
    background-color: #ffffff;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

#modal-welcome-message .modal-header,
#modal-promo-resp-text .modal-header-promo-resp-text,
#modal-confirm-resp-text .modal-header-confirm-resp-text
{
    background-color: #ffffff;
    position: relative;
    overflow:hidden;
    padding: 30px 0px;
}

#modal-welcome-message .modal-header:before,
#modal-promo-resp-text .modal-header-promo-resp-text:before,
#modal-confirm-resp-text .modal-header-confirm-resp-text:before {
    content: "";
    position:absolute;
    top:0;
    bottom:0;
    left: -30%;
    right: -30%;
    background-color: #a57c58;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom: 0;
}

#modal-welcome-message .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    min-height: unset;
    width: 328px !important;
}
#modal-welcome-message .modal-body {
    border-radius: 0px;
}
#modal-welcome-message .modal-footer {
    padding: 20px;
}

#modal-welcome-message .modal-footer button{
    border: none;
    background-color: #a57c58;
    color: #fff;
    padding: 8px 34px;
}

#modal-welcome-message .modal-body .modal-welcome-message-title {
    margin: 0px;
    text-align: center;
    font-weight: 700;
}

#modal-welcome-message .modal-body .welcome-message-container {
    margin: 0px;
    text-align: center;
    font-weight: 400;
}

#modal-welcome-message .modal-header-title,
#modal-welcome-message .method_no,
#modal-promo-resp-text .modal-promo-title-text,
#modal-confirm-resp-text .modal-confirm-title-text
{
    text-align: center;
    padding: 0px;
    margin: 0 auto;
    line-height: 40px;
    display: block;
}

#modal-welcome-message .modal-header-title,
#modal-promo-resp-text .modal-promo-title-text,
#modal-confirm-resp-text .modal-confirm-title-text {
    font-size: 30px;
    padding: 0px 15px;
}

#modal-welcome-message .method_no {
    font-size: 40px;
    background-color: #ffffff;
    color: #a57c58;
    width: 50%;
    border-radius: 10px;
    font-weight: 700;
}

/** MOBILE Styles here **/
@media (max-width: 330px) {
    #modal-welcome-message .modal-dialog {
        width: 90% !important;
    }
}

/*********************************/
/** nfc redirect pop-up message **/
/*********************************/


@media (min-width: 768px) {
    .menu-desk-item.featured .menu-desk-item-img-container{
        height: 330px;
        position: relative;
        display: block;
        overflow: hidden;
    }

    .no-description .menu-desk-item-desc {
        /*display:none;*/
    }

    .with-image.no-description .standard .symbol-price-container {
        margin-top : 80px;
    }
    .with-image .standard.menu-desk-item {
        min-height: 176px;
    }
    .with-image.featured.menu-desk-item div.menu-desk-item-img{
        min-height: 320px;
    }

    .with-image .standard.menu-desk-item .symbol-price-container {
        font-size: 1rem;
        width: 100%;
    }

    .with-image .standard.menu-desk-item .hasNoSymbols.menu-desk-item-info {
        position: relative;
    }

    .with-image .standard.menu-desk-item .hasNoSymbols.menu-desk-item-info .symbol-price-container {
        position: absolute;
        bottom: 6px;
        right: 12px;
    }

    /*    .with-image .standard.menu-desk-item .symbol-price-container .hasImage.symbol-container {
            padding-left: 14px;
        }

        .with-image .standard.menu-desk-item .symbol-price-container .hasNoImage.symbol-container {
            padding-left: 20px;
        }*/

}
@media (max-width: 767px){
    .featured img{ width:100% !important; height: auto !important; }
}


/*********************************/
/** Card type display **/
/*********************************/
.standard-product .lazy {
    width: 6.5vw;
    height: 6.5vw;
}
.standard-product.multi-mobile-item img.lazy {
    height: auto;
}
.menu-desk-items.card-deck {
    margin-left :0px;
    margin-right :0px;
}
.menu-desk-items.card-deck {
    margin:0px;
}

.menu-desk-items.card-deck .card-container
{
    padding-bottom:20px;
}

.card-container .card
{
    background: #ffffff;
    -moz-box-shadow: 0px 0px 1px 0px #cccccc4d;
    -webkit-box-shadow: 0px 0px 1px 0px #cccccc4d;
    box-shadow: 0px 0px 8px 0px #cccccc4d;
    cursor: pointer;
    border-radius: .5rem;
    margin-left :0px;
    margin-right :0px;
}

.featured-product.card-container .card .card-body {
    padding-bottom: 0px;
}

.with-image .featured-product.card-container .card .featured_noimage,
.featured-product.card-container .card .featured-product-image-container {
    /*height: 236px;*/
    overflow: hidden;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-box;
}

.featured-product.card-container .card .featured-product-image-container img{
    /*max-height: 236px;*/
    margin:auto;
}

.card-container .card .card-body .card-title.menu-desk-item-name {
    /*overflow: hidden;*/
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 2;*/
    /*-webkit-box-orient: vertical;*/
    /*max-height: 50px;*/
}

.card-container .card .card-footer {
    background:none;
    border:none;
}

.menu-item .product-trigger .menu-item-desc
{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 50px;
}

.standard-product.card-container .card .card-footer .hasImage.symbol-container {
    padding-left: 8vw;
}

.featured-product.card-container .card .featured_noimage {
    /*height: 100%!important;*/
}
/***************************/
/** END Card type display **/
/***************************/

/***************************/
/** storeSelectorDropDown **/
/***************************/

.storeSelectorDropDown-Container .btn{
    width: 100%;
    height: 3rem;
    padding: 10px;
}
.storeSelectorDropDown-Container .btn i.ou-icon {
    float: right;
    line-height: 1.5rem;
}
.storeSelectorDropDown-Container .btn.dropdown-toggle::after {
    display: none;
}

.storeSelectorDropDown-Container .dropdown-menu.show {
    width: 100%;
    text-align: center;
    max-height: 205px;
    overflow-y: scroll;
    margin-top: -20px;
    padding-top: 20px;
    z-index: 5;
}

.storeSelectorDropDown-Container .dropdown-menu.show::-webkit-scrollbar {
    display: block;
}

.storeSelectorDropDown-item {
    margin-bottom: 0px;
    padding: 8px 30px;
    text-align: center !important;
    width: 100%;
    margin: auto;
    white-space:normal;
    border-bottom: 1px solid #EFEFEF;
}

.storeSelectorDropDown-Container .btn-primary.dropdown-toggle,
.storeSelectorDropDown-Container.show>.btn-primary.dropdown-toggle,
.storeSelectorDropDown-Container .dropdown-item.active,
.storeSelectorDropDown-Container .dropdown-item:active {
    box-shadow: none !important;
    background: #fff !important;
    z-index: 6;
    position: relative;
}

body.storedropdown .store-location-list,
body.storedropdown .order-step.store-list-wrap.delivery-open .single-store-list-container{
display: none !important;
}

body.storedropdown .order-step.store-list-wrap.show.single-store-open.single-store-list-active,
body.storedropdown .order-step.store-list-wrap.show.delivery-open.active {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none!important;
    transition: none !important;
}


/** ****************** **/
/** DeepLnk to a store **/
/** ****************** **/

body.deeplinkStore .store-location-list,
body.deeplinkStore .order-step.store-list-wrap.delivery-open .single-store-list-container{
    display: none !important;
}

body.deeplinkStore .order-step.store-list-wrap.show.single-store-open.single-store-list-active,
body.deeplinkStore .order-step.store-list-wrap.show.delivery-open.active {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none!important;
    transition: none !important;
}

/** ****************** **/
/** DeepLnk to a store **/
/** ****************** **/


@media only screen and (min-width: 768px) {
    body.emptyCategories .body-menu-desktop {
        display: none !important;
    }
}

/* this is for the new switch*/
#dineInGroupInfo .switchContainer .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-bottom: 0px;
}

#dineInGroupInfo .switchContainer{
    padding: 5px;
    margin-left: auto;
    margin-right: auto;

}

#dineInGroupInfo .switchContainer .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

#dineInGroupInfo .switchContainer .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

#dineInGroupInfo .switchContainer .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

#dineInGroupInfo .switchContainer input:checked + .slider {
    background-color: #a57c58;
    /*color of the switch when on*/
}

#dineInGroupInfo .switchContainer input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
#dineInGroupInfo .switchContainer .slider.round {
    border-radius: 34px;
}

#dineInGroupInfo .switchContainer .slider.round:before {
    border-radius: 50%;
}

.dineInGroupInfo-note{
    font-size: 10pt;
    font-family: 'Montserrat-Medium';
    color: #a6a6ab;
}
/*end switch*/

/** *********** **/
/** SNOOZE ITEM **/
/** *********** **/
@media (min-width: 767px) {
    .filtered-product-snoozed::before,
    .product-snoozed::before,
    .deal-snoozed::before {
        content: "Currently Unavailable";
        font-size: 15pt;
        font-weight: bold;
        padding: 10px 0;
        position: absolute;
        z-index: 99;
        width: calc(100% - 30px);
        top: 0;
        left: 0;
        margin: 0 15px;
        /*margin-top: 50px;
        opacity: 0.8;*/
        /*background-color: #f4f4f4;*/
        /*color: #000;*/
        height: calc(100% - 20px);
        background-color: rgba(1,1,1,0.2);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
    }
    .filtered-product-snoozed .card,
    .product-snoozed .card,
    .deal-snoozed .card {
        opacity: 0.5;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }
    .filtered-product-snoozed img,
    .product-snoozed img,
    .deal-snoozed img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    .halfhalf-product-snoozed .menu-desk-item-info::before {
        content: "Currently Unavailable";
        font-size: 15pt;
        font-weight: bold;
        position: absolute;
        z-index: 99;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        background-color: rgba(1,1,1,0.2);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .3rem;
    }

    .halfhalf-product-snoozed .menu-desk-item-info img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    #modal-deal .attribute-snoozed::before {
        width: 100%;
        height: 100%;
    }

    .filtered-product-snoozed::before {
        height: 100%;
    }

} /*end desktop*/
@media (max-width: 766px) {
    .product-snoozed .menu-item-details-wrap {
        padding-top: 1rem;
    }

    .product-snoozed::before {
        content: "Currently Unavailable";
        background-color: rgba(1,1,1,0.2);
        color: #fff;
        font-size: 15pt;
        font-weight: bold;
        padding: 10px;
        position: absolute;
        z-index: 99;
        height: calc( 100% );
        width: calc(100%);
        left: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .product-snoozed .card,
    .product-snoozed .themeMenuItem1MobileProducts,
    .product-snoozed.themeMenuItem1MobileProducts {
        opacity: 0.5;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        padding-top: 0px;
    }
    .product-snoozed img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    /*snoozed deal*/
    .deal-snoozed-parent {
        position: absolute;
        width: calc(100%);
    }

    .deal-snoozed::before {
        content: "Currently Unavailable";
        background-color: rgba(1,1,1,0.2);
        color: #fff;
        font-size: 15pt;
        font-weight: bold;
        padding: 10px;
        position: absolute;
        z-index: 99;
        height: calc( 100% - 14px );
        width: calc(100%);
        left: 0;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .5rem;
    }

    .deal-snoozed .card,
    .deal-snoozed .themeMenuItem1MobileProducts,
    .deal-snoozed.themeMenuItem1MobileProducts {
        opacity: 0.5;
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    .deal-snoozed img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    .halfhalf-product-snoozed .card::before {
        content: "Currently Unavailable";
        font-size: 15pt;
        font-weight: bold;
        position: absolute;
        z-index: 99;
        width: 100%;
        top: 0;
        left: 0;
        height: 100%;
        background-color: rgba(1,1,1,0.2);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: .3rem;
    }

    .halfhalf-product-snoozed .card img {
        filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
    }

    #modal-deal .attribute-snoozed::before {
        width: 100%;
    }

    .search-result-item-snoozed-parent {
        position: relative;
    }

    .search-result-item-snoozed::before {
        content: "Currently Unavailable";
        font-size: 15pt;
        background-color: rgba(1,1,1,0.2);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: bold;
        position: absolute;
        height: calc(100%);
        width: calc(100%);
    }

} /*end mobile*/


.attribute-snoozed::before {
    content: "Currently Unavailable";
    font-size: 12pt;
    font-weight: bold;
    padding: 0px;
    position: absolute;
    z-index: 99;
    width: calc(100% - 20px);
    top: 0;
    left: 0;
    margin: 0px;
    /*margin-top: 50px;
    opacity: 0.8;*/
    /*background-color: #f4f4f4;*/
    /*color: #000;*/
    height: calc(100% - 15px);
    background-color: rgba(1,1,1,0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


#modal-desk-halfhalf .attribute-snoozed::before,
#modal-mobi-halfhalf .attribute-snoozed::before {
    height: 100%;
    width: 100%;
}

#modal-deal .deal-product-snoozed .menu-desk-item {
    position: relative;
    border-color: rgba(1,1,1,0.2);
}
#modal-deal .deal-product-snoozed .menu-desk-item .menu-desk-item-info::before {
    content: "Currently Unavailable";
    font-size: 15pt;
    font-weight: bold;
    position: absolute;
    z-index: 99;
    width: 100%;
    top: 0px;
    left: 0px;
    opacity: 0.8;
    height: 100%;
    background-color: rgba(1,1,1,0.2);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
}


/** media queries for method modal **/

@media screen and (max-width: 576px) {
    .delivery-template-container #modal-option .method-delivery-container,
    .delivery-template-container #modal-option .method-dinein-container,
    .delivery-template-container #modal-option .method-roomservice-container {
        padding-left : 30px;
    }
}

@media screen and (max-width: 526px) {
    .delivery-template-container #modal-option .method-delivery-container,
    .delivery-template-container #modal-option .method-dinein-container,
    .delivery-template-container #modal-option .method-roomservice-container {
        padding-left : 40px;
    }
}
@media screen and (max-width: 476px) {
    .delivery-template-container #modal-option .method-delivery-container,
    .delivery-template-container #modal-option .method-dinein-container,
    .delivery-template-container #modal-option .method-roomservice-container {
        padding-left : 50px;
    }
}
@media screen and (max-width: 426px) {
    .delivery-template-container #modal-option .method-delivery-container,
    .delivery-template-container #modal-option .method-dinein-container,
    .delivery-template-container #modal-option .method-roomservice-container {
        padding-left : 60px;
    }
}
@media screen and (max-width: 376px) {
    .delivery-template-container #modal-option .method-delivery-container,
    .delivery-template-container #modal-option .method-dinein-container,
    .delivery-template-container #modal-option .method-roomservice-container {
        padding-left : 70px;
    }
}

@media screen and (max-width: 326px) {
    .delivery-template-container #modal-option .method-delivery-container,
    .delivery-template-container #modal-option .method-dinein-container,
    .delivery-template-container #modal-option .method-roomservice-container {
        padding-left : 80px;
    }
    body.storeclosed.with-bubble #categories #category_all_slide {
        padding-bottom: 70px; /*should be equal to .bubblestoreclosed.show height as yellow bubble becomes 3 lines */
    }
}
/** media queries for method modal **/
@media screen and (max-width: 475px) {
    .delivery-template-container #modal-option .modal-delivery-details {
        width: 100%;
    }
}
/** media queries for method modal **/

.header-btn.pickup-min .change-method-label {
    display:none;
    text-align: center ;
}

.header-btn.pickup-min.pickup-min-hover * {
    display:none;
}

.header-btn.pickup-min.pickup-min-hover .change-method-label {
    display:block;
}

/** menu courses related **/
.course-menu-template-container,
.deal-course-menu-template-container {
    display:none;
}
.course-menu-template-container.show,
.deal-course-menu-template-container.show {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
.course-menu-template-container.show .course-menu-container,
.deal-course-menu-template-container.show .course-menu-container
{
    width: 100%;
}
.course-menu-template-container.show .course-menu-container .courses-error-message,
.deal-course-menu-template-container.show .course-menu-container .courses-error-message
{
    display:none;
}

.course-menu-template-container.show .course-menu-container .course-title-container.required-error .courses-error-message,
.deal-course-menu-template-container.show .course-menu-container .course-title-container.required-error .courses-error-message
{
    display:block;
}

.course-menu-template-container.show .course-menu-container .course-menu-item-container input[name="course"],
.deal-course-menu-template-container.show .course-menu-container .course-menu-item-container input[name="course"]
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    display: none;
}

.course-menu-template-container.show .course-menu-container .course-menu-item-container .prod-desk-course-container,
.deal-course-menu-template-container.show .course-menu-container .course-menu-item-container .prod-desk-course-container
{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 2.5rem;
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.course-menu-template-container.show .course-menu-container .course-menu-item-container .prod-desk-course-container input:checked ~ .gold-check,
.deal-course-menu-template-container.show .course-menu-container .course-menu-item-container .prod-desk-course-container input:checked ~ .gold-check
{
    border: 0px;
    background-color: #A57C58;
    transition: .25s ease;
}

.course-menu-template-container.show .course-menu-container .course-menu-item-container .prod-desk-course-container input:checked ~ .gold-check::before,
.deal-course-menu-template-container.show .course-menu-container .course-menu-item-container .prod-desk-course-container input:checked ~ .gold-check::before
{
    content: "\f71E";
    position: absolute;
    padding: .25rem;
}
/** END menu courses related **/

@media (min-width: 1300px) {
    .menu-desk-item.featured-product .menu-desk-item-price-container {
        white-space:nowrap;
        /*font-size: .8rem;*/
        /*padding-top: 10px;*/
    }
}

@media (min-width: 1300px) {
    .custom-col-xxl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

#modal-warning-resp {
    z-index: 1051 !important;
}
@media (max-width: 767px) {
    #modal-warning-resp .modal-content {
        height: auto !important;
    }
}

.hideemailcollection,
.hidemobilecollection {
    display:none !important;
}