@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800);
@font-face {
  font-family: 'Open Sans';
  src: url("../fonts/opensans-regular/opensans-regular-webfont.eot");
  src: url("../fonts/opensans-regular/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-regular/opensans-regular-webfont.woff2") format("woff2"), url("../fonts/opensans-regular/opensans-regular-webfont.woff") format("woff"), url("../fonts/opensans-regular/opensans-regular-webfont.ttf") format("truetype"), url("../fonts/opensans-regular/opensans-regular-webfont.svg#Open Sans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(https://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format("woff2");
}
@font-face {
  font-family: 'open_sansextrabold';
  src: url("../fonts/opensans-extrabold/opensans-extrabold-webfont.eot");
  src: url("../fonts/opensans-extrabold/opensans-extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/opensans-extrabold/opensans-extrabold-webfont.woff2") format("woff2"), url("../fonts/opensans-extrabold/opensans-extrabold-webfont.woff") format("woff"), url("../fonts/opensans-extrabold/opensans-extrabold-webfont.ttf") format("truetype"), url("../fonts/opensans-extrabold/opensans-extrabold-webfont.svg#open_sansextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Oswald';
  src: url("../fonts/oswald-regular/oswald-regular-webfont.eot");
  src: url("../fonts/oswald-regular/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/oswald-regular/oswald-regular-webfont.woff2") format("woff2"), url("../fonts/oswald-regular/oswald-regular-webfont.woff") format("woff"), url("../fonts/oswald-regular/oswald-regular-webfont.ttf") format("truetype"), url("../fonts/oswald-regular/oswald-regular-webfont.svg#Oswald") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'steelfishextrabold';
  src: url("../fonts/steelfish/steelfish_eb-webfont.eot");
  src: url("../fonts/steelfish/steelfish_eb-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/steelfish/steelfish_eb-webfont.woff2") format("woff2"), url("../fonts/steelfish/steelfish_eb-webfont.woff") format("woff"), url("../fonts/steelfish/steelfish_eb-webfont.ttf") format("truetype"), url("../fonts/steelfish/steelfish_eb-webfont.svg#steelfishextrabold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'oswald_stencilregular';
  src: url("../fonts/oswald-stencil/oswald-stencil-webfont.eot");
  src: url("../fonts/oswald-stencil/oswald-stencil-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/oswald-stencil/oswald-stencil-webfont.woff2") format("woff2"), url("../fonts/oswald-stencil/oswald-stencil-webfont.woff") format("woff"), url("../fonts/oswald-stencil/oswald-stencil-webfont.ttf") format("truetype"), url("../fonts/oswald-stencil/oswald-stencil-webfont.svg#oswald_stencilregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'lobster_1.4regular';
  src: url("../fonts/lobster/lobster_1.4-webfont.eot");
  src: url("../fonts/lobster/lobster_1.4-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/lobster/lobster_1.4-webfont.woff2") format("woff2"), url("../fonts/lobster/lobster_1.4-webfont.woff") format("woff"), url("../fonts/lobster/lobster_1.4-webfont.ttf") format("truetype"), url("../fonts/lobster/lobster_1.4-webfont.svg#lobster_1.4regular") format("svg");
  font-weight: normal;
  font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

.sandwich .check-out-left caption, th, td {
  width: 64%;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

html, body {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

* {
  padding: 0;
  margin: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

/*Color*/
/*Font*/
/*Images*/
body {
  width: 100%;
  height: 100%;
  color: #dab37f !important;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

a {
  text-decoration: none;
}

/*
    Mobile Menu Core Style
*/
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 10px 0 10px 10px;
  line-height: 1.125em;
  cursor: pointer;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 4px;
}

.slicknav_nav {
  clear: both;
}
.slicknav_nav ul, .slicknav_nav li {
  display: block;
  width: 100%;
  float: left;
  border-bottom: 1px solid #59493c;
}
.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}
.slicknav_nav .slicknav_item {
  cursor: pointer;
}
.slicknav_nav .slicknav_row, .slicknav_nav a {
  display: block;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
  display: inline;
}

.slicknav_menu .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: right;
}
.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0 5px 0 0;
}
.slicknav_menu .slicknav_no-text {
  margin: 0;
}
.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 20px;
  height: 4px;
}
.slicknav_menu:before {
  content: " ";
  display: table;
}
.slicknav_menu:after {
  content: " ";
  display: table;
  clear: both;
}

/* IE6/7 support */
.slicknav_menu {
  *zoom: 1;
}

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/
/* Button */
.slicknav_btn {
  float: left;
}

/* Button Text */
.slicknav_menu {
  position: fixed;
  padding: 0px;
  width: 83%;
  top: 3px;
  font-size: 16px;
  z-index: 2;
}
.slicknav_menu .slicknav_menutxt {
  color: #dab37f;
  font: bold 11px "Open Sans";
}
.slicknav_menu .slicknav_icon-bar {
  background-color: #dab37f;
  margin-bottom: 4px;
}

/* Button Lines */
.slicknav_nav {
  color: #fff;
  font-size: 0.875em;
  background-color: #41342b;
  position: absolute;
  top: 44px;
  z-index: 9999;
  list-style: none;
  overflow: hidden;
  padding-bottom: 10px;
}
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0 0 0 20px;
}
.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
}
.slicknav_nav a {
  padding: 5px 0 5px 44px;
  margin: 0 0 0 0px;
  text-decoration: none;
  color: #dab37f;
  font: bold 18px "Oswald";
  text-transform: uppercase;
  background: url(../images/menu-star.png) no-repeat 9px center;
}
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a {
  padding: 0;
  margin: 0;
}
.slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {
  background: #342920;
  color: #dab37f;
  background: url(../images/menu-star-hover.png) no-repeat 9px center #342920;
}
.slicknav_nav .slicknav_txtnode {
  margin-left: 15px;
}

.nav-hide-img {
  background-image: none !important;
  padding: 5px 0 5px 16px !important;
  font-weight: normal !important;
  font-size: 13px !important;
}

.slicknav_menu {
  display: none;
}

@media screen and (max-width: 767px) {
  .js #menu {
    display: none;
  }
  .js .slicknav_menu {
    display: block;
  }
}
.header_wrapper {
  width: 100%;
  height: 47px;
  float: left;
  background: #342920;
  position: fixed;
  z-index: 1;
}

.logo {
  display: table;
  margin: 13px auto 0 auto;
  position: relative;
  z-index: 12;
}
.logo a img {
  width: 170px;
}
.logo a.menu {
  font: bold 22px "Oswald";
  color: #dab37f;
  float: left;
  margin-top: -4px;
}
@media screen and (min-width: 320px) and (max-width: 340px) {
  .logo a.menu {
    font: bold 19px "Oswald";
  }
}

.cart-top {
  width: auto;
  position: absolute;
  top: 8px;
  right: 10px;
}
.cart-top img {
  float: left;
  margin: 9px 7px 0 0;
  width: 40%;
}
.cart-top h1 {
  font: bold 20px "Oswald";
  color: #dab37f;
  float: left;
}

.menu-logo {
  display: table;
  margin: 10px auto 0;
}
.menu-logo a {
  background: none;
  padding: 0;
}
.menu-logo a:hover {
  background: none;
}

.check-out-left .cart_list_header {
  margin-bottom: 0;
}
.check-out-left .cart_item_list_wrapper {
  margin-bottom: 0;
  position: absolute;
  height: 26%;
  width: 100%;
}
.check-out-left .cart_item_list_wrapper .cart_item_list_scroller {
  height: 100%;
  overflow-y: scroll;
}
.check-out-left .sales-info {
  position: fixed;
  width: 100%;
  bottom: 196px;
}

.cart_list_header .qty {
  text-align: center;
  width: 21%;
}
@media screen and (min-width: 480px) and (max-width: 780px) {
  .cart_list_header .qty {
    width: 20%;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  .cart_list_header .qty {
    width: 20%;
  }
}

.cart_list_items .price, .cart_list_header .price {
  text-align: center;
  width: 17%;
  padding-right: 0px;
}

.cart_list_header .remove_header, .cart_list_items .remove {
  width: 20px;
}

.button-wrapper {
  float: left;
  width: 100%;
  margin: 12px 0 0;
}
.button-wrapper p {
  width: 38%;
  float: left;
  font: normal 12px "Open Sans";
  color: #dab37f;
  margin: 0 0 0 10px;
}
.button-wrapper p span {
  font-weight: bold;
}
.button-wrapper .login-facebook {
  background: #3f4c4e;
  border: 1px solid #dab37f;
  padding: 4px 10px;
  font: bold 14px "Oswald";
  float: left;
  width: auto;
  margin: 0 0 0 0px;
  text-transform: uppercase;
}
.button-wrapper .login-facebook:hover {
  background: #3f4c4e;
}
.button-wrapper .login-button {
  background: #342920;
  border: 1px solid #dab37f;
  padding: 4px 10px;
  font: bold 14px "Oswald";
  float: left;
  width: auto;
  margin: 0 0px 0 10px;
  text-transform: uppercase;
}
.button-wrapper .login-button:hover {
  background: #342920;
}


.button-wrapper .signout-account {
   background: transparent;
    border: none;
    float: right;
    font: bold 14px "open sans";
    margin: 0 32px 0 0;
    padding: 4px 10px;
    text-transform: uppercase;
    width: auto;
}

.button-wrapper .signout-account:hover {
  /*background: #342920 none repeat scroll 0 0;*/
  background: transparent;
  border: 1px solid #dab37f;
  float: right;
  font: bold 14px "open sans";
  margin: 0 32px 0 0;
  padding: 4px 10px;
  text-transform: uppercase;
  width: auto;
}

.create-acount-wrapper {
  float: left;
  width: 100%;
  margin: 12px 0 10px 0;
}
.create-acount-wrapper img {
  float: right;
  margin: 0 10px 0 0px;
}
.create-acount-wrapper .create-account {

  background: #342920 none repeat scroll 0 0;
    border: 1px solid #dab37f;
    font: bold 16px "Oswald";
    margin: 0 0 0px 10px;
    padding: 6px 16px;
    text-transform: uppercase;
    width: auto;
    text-decoration: none;
    max-width: fit-content;
}
.create-acount-wrapper .create-account:hover {
  background: none;
  color: #dab37f;
  text-decoration: none;
}

.banner {
  width: 100%;
  float: left;
  padding-bottom: 50px;
  display: table;
}
@media screen and (min-width: 414px) and (max-width: 415px) {
  .banner {
    padding-bottom: 72px;
  }
}
.banner img {
  display: table;
  margin: 15px auto 0;
  width: auto;
}
.banner .banner-wrapper img {
  display: table;
  margin: 15px auto 0;
  width: 48%;
}
.banner h1, .banner h2, .banner h3, .banner p, .banner a.place-order {
  font: bold 24px/26px "Oswald", sans-serif;
  color: #342920;
  margin: 5px auto 40px;
  text-align: center;
  padding: 0 10px;
  text-transform: capitalize;
}
.banner h2 {
  font: normal 28px "lobster_1.4regular";
  margin: 0 auto 5px;
  text-transform: capitalize;
}
.banner h3 {
  font: bold 28px/26px "Oswald", sans-serif;
  margin-bottom: 5px;
}
.banner p {
  font: normal 12px/14px "Open Sans";
  margin-bottom: 10px;
  letter-spacing: 0px;
  text-transform: inherit;
}
@media screen and (min-width: 320px) and (max-width: 339px) {
  .banner p {
    font: normal 12px/14px "Open Sans";
    letter-spacing: 0px;
  }
}
.banner a.place-order, .banner .reorder, .banner .place-new-order {
  display: table;
  margin: 0 auto;
  background-color: #342920;
  color: #dab37f;
  font: bold 16px "Oswald", sans-serif;
  padding: 5px 27px;
}
.banner .reorder, .banner .place-new-order {
  float: left;
  text-transform: uppercase;
}
.banner .place-new-order {
  margin-left: 20px;
  background-color: transparent;
  border: solid 1px #342920;
  color: #342920;
  padding: 3px 14px;
}
.banner .button-wrapper {
  display: table;
  margin: 0 auto;
  width: auto;
  float: none;
}
.banner .thumbnail {
  display: table;
  margin: 10px auto 20px auto;
}
.banner .thumbnail a {
  display: block;
  color: #dab37f;
  float: left;
}
.banner .thumbnail a img {
  margin: 0 6px;
}

.sandwich-menu {
  width: 100%;
  background-color: #342920;
  float: left;
}
.sandwich-menu ul li {
  float: left;
  border-bottom: solid 1px #dab37f;
  width: 100%;
}
.sandwich-menu ul li:last-child {
  border-bottom: none;
}
.sandwich-menu ul li .left {
  float: left;
  width: 58%;
  padding: 15px 10px;
  padding: 15px;
  color: #dab37f;
}
.sandwich-menu ul li .left h2 {
  font: normal 21px "lobster_1.4regular";
}
.sandwich-menu ul li .left p {
  font: normal 10px "Open Sans";
  text-transform: uppercase;
}
.sandwich-menu ul li .right {
  float: right;
  padding: 15px 42px 15px 0;
  margin-top: 4%;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  .sandwich-menu ul li .right {
    padding: 0 42px 15px 0;
    margin-top: 3%;
  }
}
.sandwich-menu ul li .right .view-button {
  position: relative;
  background-color: #342920;
  text-align: center;
  border: solid 1px #dab37f;
  width: 60px;
  font: bold 14px/22px "Oswald", sans-serif;
  color: #dab37f;
  text-transform: uppercase;
  display: block;
  padding: 2px 0;
}
.sandwich-menu ul li .right .view-button:after {
  left: 60px;
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sandwich-menu ul li .right .view-button:before {
  left: 61px;
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sandwich-menu ul li .right .view-button:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #342920;
  border-width: 13px;
  margin-top: -15px;
}
.sandwich-menu ul li .right .view-button:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #dab37f;
  border-width: 14px;
  margin-top: -16px;
}

/************* START PAGE2 ****************/
.sandwich {
  float: left;
  width: 100%;
}
.sandwich .shard-collections {
  padding: 57px 10px 0 !important;
}
.sandwich .container {
  padding: 8px 10px 0;
  display: block;
  margin: 0 auto;
  float: left;
  box-sizing: border-box;
  width: 100%;
}
.sandwich .container .sandwich-wrapper {
  float: left;
  width: 100%;
}
.sandwich .container .sandwich-wrapper h3 {
  font: normal 23px "lobster_1.4regular";
  background-color: #342920;
  color: #dab37f;
  padding: 0;
  text-align: center;
}
.sandwich .container .sandwich-wrapper ul li.menu-li {
  height: 150px;
}
.sandwich .container .sandwich-wrapper ul li.menu-li p {
  width: 100%;
  font: bold 12px "Oswald", sans-serif;
  text-align: center;
  color: #342920;
}
.sandwich .container .sandwich-wrapper ul li {
  float: left;
  width: 50%;
}
.sandwich .container .sandwich-wrapper ul li .add-new-address-main, .sandwich .container .sandwich-wrapper ul li .add-new02-address-main {
  width: 100%;
  float: left;
}
.sandwich .container .sandwich-wrapper ul li .add-new-address-main a, .sandwich .container .sandwich-wrapper ul li .add-new02-address-main a {
  height: 140px;
  width: 80%;
  text-align: center;
  font: bold 14px/22px "Oswald", sans-serif;
  background-color: #342920;
  color: #dab37f;
  display: block;
  padding: 0 25px;
  margin: 10px 0 0 0;
}
.sandwich .container .sandwich-wrapper ul li .add-new-address-main a span, .sandwich .container .sandwich-wrapper ul li .add-new02-address-main a span {
  font-weight: normal;
  margin: 22px 0 13px 0;
  font: bold 44px/30px "Open Sans", sans-serif;
  float: left;
  width: 100%;
}
.sandwich .container .sandwich-wrapper ul li img {
  display: table;
  width: 38%;
  margin: 10px auto 0 auto;
}
.sandwich .container .sandwich-wrapper ul li h4 {
  font: bold 14px/18px "Oswald", sans-serif;
  text-align: center;
  color: #342920;
  text-decoration: underline;
}
.sandwich .container .sandwich-wrapper ul li a.add-cart {
  display: block;
  background-color: #342920;
  text-transform: uppercase;
  font: bold 14px/22px "Oswald", sans-serif;
  border: 2px solid #dab37f;
  color: #dab37f;
  padding: 5px 5px;
  text-align: center;
  margin: 7px auto 0 auto;
  width: 80%;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .sandwich .container .sandwich-wrapper ul li a.add-cart {
    margin: 25px auto 0 auto;
  }
}
.sandwich .container .sandwich-wrapper ul li div.left, .sandwich .container .sandwich-wrapper ul li div.right {
  border: solid 2px #342920;
  width: 84%;
  margin: 15px 5px 5px 0;
  padding: 7px;
  height: auto;
  float: left;
}
.sandwich .container .sandwich-wrapper ul li div.left h2, .sandwich .container .sandwich-wrapper ul li div.right h2 {
  font: bold 18px/22px "Oswald", sans-serif;
  color: #342920;
  text-transform: uppercase;
}
.sandwich .container .sandwich-wrapper ul li div.left p, .sandwich .container .sandwich-wrapper ul li div.right p {
  color: #342920;
  font: normal 12px/12px "Open Sans";
  font-weight: 600;
  letter-spacing: -1px;
}
.sandwich .container .sandwich-wrapper ul li div.left .price, .sandwich .container .sandwich-wrapper ul li div.right .price {
  float: right;
  color: #342920;
  font: bold 18px/22px "Oswald", sans-serif;
  margin: 5px 0;
}
.sandwich .container .sandwich-wrapper ul li div.left a.get-started, .sandwich .container .sandwich-wrapper ul li div.right a.get-started {
  display: block;
  background-color: #342920;
  text-transform: uppercase;
  font: bold 14px/22px "Oswald", sans-serif;
  color: #dab37f;
  padding: 4px 10px;
  text-align: center;
  margin: 8px auto 0 auto;
  width: 66%;
  float: right;
  border: 2px solid #dab37f;
}
.sandwich .container .sandwich-wrapper ul li div.right {
  margin-right: 0;
  float: right;
}
.sandwich .container .salads-wrapper {
  float: left;
  width: 100%;
  margin: 10px 0 10px 0;
}
.sandwich .container .salads-wrapper h3 {
  font: normal 22px "lobster_1.4regular";
  background-color: #342920;
  color: #dab37f;
  padding: 0;
  text-align: center;
}
.sandwich .container .salads-wrapper ul li {
  float: left;
  margin: 4px 0 0 0;
  padding-bottom: 4px;
  width: 100%;
}
.sandwich .container .salads-wrapper ul li .left {
  float: left;
  width: 65%;
}
.sandwich .container .salads-wrapper ul li .left h5 {
  color: #342920;
  font: bold 16px "Oswald";
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  width: 75%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sandwich .container .salads-wrapper ul li .left h5::after {
  content: "\00a0";
  border-bottom: solid 1px #342920;
  position: absolute;
  top: -7px;
  width: 100%;
  margin-left: 3px;
}
.sandwich .container .salads-wrapper ul li .left span.price {
  width: 20%;
  display: inline-block;
  text-align: right;
  color: #342920;
  font: bold 16px "Oswald";
  text-transform: uppercase;
  vertical-align: top;
}
.sandwich .container .salads-wrapper ul li .left p {
  color: #342920;
  font: normal 12px/12px "Open Sans";
  font-weight: 600;
  letter-spacing: -0.3px;
}
.sandwich .container .salads-wrapper ul li .right {
  float: right;
  width: 32%;
}
.sandwich .container .salads-wrapper ul li .right h5 {
  color: #342920;
  font: bold 16px "Oswald";
  text-transform: uppercase;
  float: right;
  width: 45%;
  text-align: right;
}
.sandwich .container .salads-wrapper ul li .right a.add-cart {
  display: block;
  background-color: #342920;
  text-transform: uppercase;
  font: bold 14px/22px "Oswald", sans-serif;
  color: #dab37f;
  padding: 5px 9px;
  text-align: center;
  margin: -2px auto 0;
  width: 53%;
  float: right;
  border: 2px solid #dab37f;
}
.sandwich .container .salads-wrapper .salads-menu-li .left {
  width: 68%;
  padding-top: 5px;
}
.sandwich .container .salads-wrapper .salads-menu-li .right {
  width: 30%;
}

.add-new-address-inner {
  background: #1e1612;
  width: 560px;
  position: absolute;
  top: 10%;
  padding: 28px 28px 69px;
  float: left;
  width: 92%;
  position: relative;
  top: 47px;
}
.add-new-address-inner .close-button {
  background: transparent url("../images/close-popup.png") repeat scroll 0 0;
  background-repeat: no-repeat;
  width: 29px;
  height: 30px;
  position: absolute;
  right: 45px !important;
  text-indent: -9999px;
  top: 12px;
  z-index: 9999;
}
.add-new-address-inner form.add_address {
  width: 210px;
  margin: 0px auto;
}
.add-new-address-inner form.add_address .title-holder {
  float: left;
  width: 100%;
}
.add-new-address-inner form.add_address .title-holder h1 {
  width: 100%;
  font: bold 18px "Oswald", sans-serif;
  margin-bottom: 18px;
}
.add-new-address-inner form.add_address input.add_desc {
  background-color: #342920;
  border: 1px solid #d0ab79;
  color: #d0ab79;
  display: table;
  font: 15px "Oswald",sans-serif;
  height: 40px;
  margin: 3px auto;
  padding: 4px 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 25px;
  width: 210px;
}
.add-new-address-inner form.add_address .separator-line {
  background-color: #d0ab79;
  height: 1px;
  position: relative;
  top: 98px;
}
.add-new-address-inner form.add_address ul.from-holder {
  width: 100%;
  float: left;
}
.add-new-address-inner form.add_address ul.from-holder li {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.add-new-address-inner form.add_address ul.from-holder li .text-box-holder {
  width: 202px;
  float: left;
  margin: 0 24px 0 0;
}
.add-new-address-inner form.add_address ul.from-holder li .text-box-holder select.extra_id {
  background-size: 100% 100%;
  color: #342920;
  border: none;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 38px;
  padding: 10px 65px;
  background-color: #342920;
  color: #d0ab79;
  border: 1px solid #d0ab79;
  font: 15px "Oswald",sans-serif;
  width: 210px;
  background: #342920 url("../images/dropdown-arrow.png") no-repeat scroll 165px center;
}

#select_date_time .add-address-wrapper .apply-time-selection {
  border: 1px solid #dab37f;
  color: #dab37f;
  float: left;
  font: bold 14px/22px "Oswald",sans-serif !important;
  margin: 0;
  padding: 15px 0;
  text-align: center;
  text-transform: uppercase;
  width: 97%;
  background-color: #332920;
}

#select_date_time .hasDatepicker {
  color: #d0ab79;
  font: bold 14px/22px "Oswald",sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.addresslist .address h2 {
  text-transform: uppercase;
}

.right-rgt {
  width: 50% !important;
  margin-right: 0px !important;
  height: 171px;
  position: relative;
}

.right-a h5 {
  color: #342920;
  font: bold 21px/24px "Oswald";
  text-transform: uppercase;
  margin-top: 27%;
  letter-spacing: 0px;
}
@media screen and (min-width: 437px) and (max-width: 480px) {
  .right-a h5 {
    margin-top: 23%;
  }
}
@media screen and (min-width: 481px) and (max-width: 600px) {
  .right-a h5 {
    margin-top: 20%;
  }
}
@media screen and (min-width: 601px) and (max-width: 780px) {
  .right-a h5 {
    margin-top: 16%;
  }
}
.right-a p {
  font: 600 10px/11px "Open Sans";
  color: #342920;
}

a.remove {
  background: url("../images/delete_recycle_bin.png") no-repeat scroll 0 0 transparent;
  color: #d0ab79;
  display: block;
  float: right;
  font: bold 10px "Open Sans",sans-serif,sans-serif;
  margin-top: 0;
  padding: 1px 0;
  text-align: center;
  text-transform: uppercase;
  width: 20px;
  height: 24px;
  margin-right: 8px;
}

.dynamic_updates {
  background-color: #342920;
  clear: both;
  display: none;
  float: right;
  font: normal 14px "Open Sans",sans-serif,sans-serif;
  height: 28px;
  padding: 10px 2px 24px 12px;
  position: relative;
  width: 98%;
  z-index: 10;
}
.dynamic_updates .left-block {
  width: 54%;
  display: inline-block;
  margin-left: 6px;
}
.dynamic_updates .left-block p {
  line-height: 16px;
}
.dynamic_updates .right-block {
  display: inline-block;
  width: 38%;
  position: relative;
  top: 6px;
}
.dynamic_updates .right-block a {
  border: 1px solid #d0ab79;
  color: #d0ab79;
  float: left;
  font: bold 15px "Oswald",sans-serif;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 4px 0 3px;
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .sandwich .container .sandwich-wrapper ul li .add-new-address-main a {
    padding: 0 10px;
  }

  .banner img {
    margin: 0 auto 0;
    width: auto;
  }

  .sandwich-menu ul li .right {
    padding: 0 31px 10px 0;
  }

  .sandwich-menu ul li .left {
    padding: 10px 15px;
  }

  .banner h1 {
    margin-bottom: 10px;
  }

  .banner-wrapper {
    height: 240px;
    vertical-align: middle;
    display: table-cell;
  }
}
@media only screen and (min-width: 320px) and (max-width: 479px) and (min-device-width: 414px) and (max-device-width: 736px) {
  .banner-wrapper {
    height: 375px;
  }
}

@media screen and (min-width: 320px) and (max-width: 479px) {
  .sandwich .container .sandwich-wrapper ul li a.add-cart {
    margin: 10px auto 15px;
  }

  .sandwich .container .sandwich-wrapper ul li img {
    width: 70%;
  }

  .sandwich .container .sandwich-wrapper ul li .add-new02-address-main a {
    padding: 10px 25px;
  }
}
/* Terms and conditon */
.pages {
  padding: 22px 10px 0;
}
.pages h1 {
  color: #342920;
  font: bold 21px/24px "Oswald";
  letter-spacing: 0;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.pages p {
  font: normal 13px/16px "Open Sans";
  margin-bottom: 7px;
}
.pages .friend-button {
  background: #342920 none repeat scroll 0 0;
  color: #dab37f;
  display: block;
  font: bold 14px/30px "Oswald",sans-serif;
  height: auto;
  margin: 0;
  padding-left: 14px;
  padding-right: 18px;
  position: absolute;
  right: 11px;
  top: 63px;
  border: 1px solid;
}
.pages .friend-button:after, .pages .friend-button:before {
  right: 61px;
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.pages .friend-button:after {
  border-right-color: #342920;
  border-width: 15px;
  margin-top: -16px;
  right: 63px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pages .friend-button:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #dab37f;
  border-width: 16px;
  margin-top: -19px;
  right: 64px;
  top: 18px;
}

/************* END PAGE2 ******************/
/************* START PAGE3 ******************/
.sandwich .container .sandwich-wrapper ul li .add-new02-address-main a {
  float: left;
  height: auto;
  text-align: left;
  font: bold 13px/14px "Oswald", sans-serif;
  padding: 8px 5px;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .sandwich .container .sandwich-wrapper ul li .add-new02-address-main a {
    padding: 8px 5px;
  }
}
.sandwich .container .sandwich-wrapper ul li .add-new02-address-main a span {
  width: auto;
}
.sandwich .container .sandwich-wrapper ul li .add-new02-address-main a .btn-01 {
  margin: 0 10px 0 0;
  font-weight: bold;
  font: bold 32px/30px "Open Sans", sans-serif;
  float: left;
}
.sandwich .container .sandwich-wrapper ul li .add-new02-address-main a .link-wrap {
  display: block;
  width: 100px;
  margin: 0 auto;
}
.sandwich .container .sandwich-wrapper ul li .add-new02-address-main a .link-wrap btn-01 {
  float: none;
}
.sandwich .container .salads-wrapper ul li .right a.add-cart {
  width: 83%;
}

.clr-05 {
  background-color: #3f4c4e !important;
}


/************* END PAGE3 ******************/
/************* START PAGE4 ******************/
.font {
  font: normal 14px "lobster_1.4regular";
  text-transform: none !important;
}

/************* END PAGE4 ******************/
/* start of page 5 and 6 */
.sandwich-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #1e1613;
  z-index: 50;
  top: 0;
}
.sandwich-popup .close-button {
  background: url("../images/close-popup.png");
  background-repeat: no-repeat;
  width: 29px;
  height: 30px;
  position: absolute;
  right: 0;
  z-index: 9999;
  float: right;
  display: block;
  margin-top: 0;
}
.sandwich-popup .summary-details-add-menu {
  float: left;
  width: 100%;
  height: 94%;
  overflow-y: scroll;
  background-color: #1e1613;
  position: relative;
  top: 47px;
  padding-bottom: 50px;
}
.sandwich-popup .summary-details-add-menu .banner img {
  width: 75%;
  height: auto;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper {
  width: 97%;
  float: left;
  padding-left: 5px;
  margin: 10px 0 4px 0;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper h2 {
  width: 95%;
  font: bold 18px "Oswald";
  padding: 4px 0 4px 10px;
  text-transform: uppercase;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper p {
  padding: 6px 0 15px 10px;
  width: 90%;
  color: #d0ab79;
  font: 700 12px/14px "Open Sans";
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper ul li {
  padding: 4px 0 0 10px;
  width: 90%;
  color: #d0ab79;
  font: 600 11px/9px "Open Sans";
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .toastit-wrapper {
  float: left;
  padding: 10px 0 60px;
  margin: 0;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .toastit-wrapper label {
  color: #d0ab79;
  cursor: pointer;
  display: inline-block;
  margin-top: 4px;
  position: relative;
  padding-left: 45px;
  font: 24px "lobster_1.4regular";
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .toastit-wrapper span {
  font: 24px "lobster_1.4regular";
  margin-left: 5px;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .toastit-wrapper input[type="checkbox"] {
  display: none;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .toastit-wrapper label::before {
  background: url("../images/sandwich-checkbox3-bg.png") no-repeat scroll 0 0 transparent;
  bottom: 1px;
  content: "";
  display: inline-block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 29px;
  margin-left: 11px;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .toastit-wrapper input[type="checkbox"]:checked + label::before {
  background: url("../images/sandwich-checkbox3-bg.png") no-repeat scroll 0 -30px transparent;
  color: #d0ab79;
  line-height: 15px;
  text-align: center;
  margin-left: 11px;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu {
  float: left;
  width: 100%;
  margin: 5px 0;
  padding: 0 10px;
  box-sizing: border-box;
}
@media (min-height: 511px) and (max-height: 1000px) {
  .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu {
    bottom: 80px;
    position: fixed;
  }
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .like, .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .share {
  font: bold 11px open sans;
  color: #d0ab79;
  float: left;
  width: 80px;
  text-transform: uppercase;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .like img, .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .share img {
  margin: 5px 5px -6px 0;
  width: 29px;
  height: 29px;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .like span, .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .share span {
  position: relative;
  top: -6px;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .add-to-menu {
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 2px 0 10px;
  padding: 4px 0;
  text-align: center;
  width: 114px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .remove_menu {
  color: #d0ab79;
  display: table;
  float: right;
  font: 12px "Oswald",sans-serif;
  margin: 8px 0 5px;
  padding: 4px 0;
  text-align: center;
  text-decoration: underline;
  text-transform: uppercase;
  width: 114px;
  background-color: transparent;
  border: 0px;
  text-align: right;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart {
  float: left;
  width: 98%;
  padding: 10px;
  margin: 0 10px;
  box-sizing: border-box;
  border-top: 1px solid;
}
@media (min-height: 511px) and (max-height: 1000px) {
  .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart {
    bottom: 0;
    position: fixed;
  }
}
@media screen and (min-width: 414px) and (max-width: 470px) {
  .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart {
    width: 95%;
  }
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart .amount {
  font: bold 18px "Oswald", sans-serif;
  float: left;
  width: initial;
  margin-right: 10px;
  padding-left: 0;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart .cart-items {
  font: bold 18px "Oswald", sans-serif;
  float: left;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart .cart-items img {
  margin: 6px 10px -2px;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart .add-to-cart {
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 2px 0 20px 0;
  padding: 4px 0;
  text-align: center;
  width: 115px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart .add_desc {
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 2px 0 20px 0;
  padding: 12px 0;
  text-align: center;
  width: 115px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}

.finalizeScreen .toastit-wrapper span {
  margin-left: 0px;
}

.toastit-wrapper {
  float: left;
  padding: 10px 0 0;
  margin-left: -9px;
}
.toastit-wrapper label {
  color: #d0ab79;
  cursor: pointer;
  display: inline-block;
  margin-top: 4px;
  position: relative;
  padding-left: 56px;
  font: 18px/36px "lobster_1.4regular";
}
.toastit-wrapper span {
  font: 24px "lobster_1.4regular";
  margin-left: 5px;
}
.toastit-wrapper input[type="checkbox"] {
  display: none;
}
.toastit-wrapper label::before {
  background: url("../images/sandwich-checkbox3-bg.png") no-repeat scroll 0 0 transparent;
  bottom: 1px;
  content: "";
  display: inline-block;
  height: 30px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 31px;
  margin-left: 11px;
}
.toastit-wrapper input[type="checkbox"]:checked + label::before {
  background: url("../images/sandwich-checkbox3-bg.png") no-repeat scroll 0 -30px transparent;
  color: #d0ab79;
  line-height: 15px;
  text-align: center;
  margin-left: 0;
}
@media screen and (min-width: 376px) and (max-width: 768px) {
  .toastit-wrapper input[type="checkbox"]:checked + label::before {
    margin-left: 11px;
  }
}

@media (min-height: 511px) and (max-height: 1000px) {
  #view-sandwich {
    position: fixed;
    top: 0 !important;
  }
}

@media (min-height: 511px) and (max-height: 1000px) {
  #sandwich-popup-gallery {
    position: fixed;
    top: 0 !important;
  }
}

/* end of page 5 and 6 */
/* start of page 7 */
.summary-details-add-menu, .summary-details-friends-menu {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 47px;
  padding-bottom: 50px;
}
.summary-details-add-menu h2, .summary-details-friends-menu h2 {
  width: 95%;
  padding: 9px 0 4px 10px;
}

.summary-details-add-menu h2 {
  font: bold 18px "Oswald";
}
.summary-details-add-menu p {
  padding: 6px 0 15px 10px;
  width: 90%;
  color: #d0ab79;
  font: bold 11px/13px "Open Sans";
}
.summary-details-add-menu .add-cart {
  float: left;
  width: 94%;
  padding-top: 20px;
  border-top: 1px solid;
  margin-left: 11px;
}
.summary-details-add-menu .add-cart .amount {
  font: bold 18px "Oswald", sans-serif;
  float: left;
  width: initial;
  margin-right: 10px;
  padding-left: 0;
}
.summary-details-add-menu .add-cart .cart-items {
  font: bold 18px "Oswald", sans-serif;
  float: left;
}
.summary-details-add-menu .add-cart .cart-items img {
  margin: 6px 10px -2px;
}
.summary-details-add-menu .add-cart .add-to-cart {
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 2px 0 20px 0;
  padding: 4px 0;
  text-align: center;
  width: 115px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.summary-details-add-menu .add-cart .add_desc {
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 2px 0 20px 0;
  padding: 12px 0;
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.summary-details-add-menu .main-sandwich-list {
  float: left;
  margin: 0 0 57px;
  width: 100%;
}
.summary-details-add-menu .main-sandwich-list li {
  float: left;
  padding-bottom: 4px;
  width: 100%;
}
.summary-details-add-menu .main-sandwich-list li input[type="radio"] {
  display: none;
}
.summary-details-add-menu .main-sandwich-list li label::before {
  background: url("../images/sandwich-radio-bg.png") no-repeat scroll 0 0 transparent;
  bottom: 1px;
  content: "";
  display: inline-block;
  height: 23px;
  left: 10px;
  position: absolute;
  top: 1px;
  width: 23px;
}
.summary-details-add-menu .main-sandwich-list li label {
  color: #d0ab79;
  cursor: pointer;
  display: inline-block;
  font: bold 14px "Oswald", sans-serif;
  margin-top: 11px;
  padding-left: 45px;
  position: relative;
}
.summary-details-add-menu .main-sandwich-list li input[type="radio"]:checked + label::before {
  background: url("../images/sandwich-radio-bg.png") no-repeat scroll 0 -24px transparent;
  color: #d0ab79;
  line-height: 15px;
  text-align: center;
}

input[type="radio"] {
  display: none;
}

label::before {
  background: url("../images/sandwich-radio-bg.png") no-repeat scroll 0 0 transparent;
  bottom: 1px;
  content: "";
  display: inline-block;
  height: 23px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 23px;
}

label {
  color: #d0ab79;
  cursor: pointer;
  display: inline-block;
  font: bold 14px "Oswald", sans-serif;
  margin-top: 11px;
  padding-left: 32px;
  position: relative;
  width: 100%;
}

input[type="radio"]:checked + label::before {
  background: url("../images/sandwich-radio-bg.png") no-repeat scroll 0 -24px transparent;
  color: #d0ab79;
  line-height: 15px;
  text-align: center;
}

p.or {
  font: normal 16px "lobster_1.4regular";
  width: 36%;
}

.addresslist .address p {
  font: normal 12px "Open Sans";
}

.date_time_wrapper {
  margin-top: 20px !important;
}
.date_time_wrapper input {
  background-color: transparent;
  border: none;
} 

/* end of page 7 */
/* start of page 8 */
.summary-details-friends-menu h2 {
  font: normal 21px "lobster_1.4regular";
}
.summary-details-friends-menu .sandwich-menu {
  float: left;
  width: 100%;
  background-color: inherit;
}
.summary-details-friends-menu .sandwich-menu ul li {
  margin-left: 10px;
  width: 94%;
}
.summary-details-friends-menu .sandwich-menu .left {
  padding: 15px 4px 15px 0;
  width: 70%;
}
.summary-details-friends-menu .sandwich-menu .left img {
  width: 20%;
  float: left;
  margin-right: 10px;
}
.summary-details-friends-menu .sandwich-menu .left h2 {
  font: bold 14px "Oswald";
  padding: 3px 0 3px 9px;
  text-transform: uppercase;
}
.summary-details-friends-menu .sandwich-menu .left p {
  font: 600 11px "Open Sans" !important;
}
.summary-details-friends-menu .sandwich-menu .right {
  padding: 15px 22px 15px 0;
  width: 64px;
}

/* end of page 8 */
/************* START PAGE9 ******************/
.profile {
  width: 100%;
  margin-bottom: 10px;
  height: 100%;
  min-height: 37px;
}
.profile .friend-button {
  background: #342920 none repeat scroll 0 0;
  color: #dab37f;
  display: block;
  font: bold 14px/30px "Oswald",sans-serif;
  height: auto;
  margin: 0;
  padding-left: 2px;
  padding-right: 9px;
  position: absolute;
  right: 11px;
  top: 51px;
  border: 1px solid;
  border-left:none;
}
.profile .friend-button:after, .profile .friend-button:before {
  right: 61px;
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.profile .friend-button:after {
  border-right-color: #342920;
  border-width: 15px;
  margin-top: -16px;
  right: 63.5px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.profile .friend-button:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #dab37f;
  border-width: 16px;
  margin-top: -19px;
  right: 64px;
  top: 18px;
}
.profile img {
  float: left;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}
.profile h5 {
  color: #342920;
  font: bold 14px "Oswald";
  text-transform: uppercase;
  text-align: left;
}
.profile p {
  color: #342920;
  font: normal 11px "Open Sans";
  font-weight: 600;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

/************* END PAGE9 ******************/
/************* START PAGE10 ******************/
.create-sandwhich-menu-wrapper {
  float: left;
  width: 100%;
}
.create-sandwhich-menu-wrapper .selection-wrapper {
  width: 100%;
  float: left;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper {
  width: 91%;
  display: table;
  margin: 0 auto 40px auto;
  float: none;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share {
  width: 92%;
  float: left;
  padding: 0;
  position: fixed;
  bottom: 52px;
  margin: 13px 0 0 0;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .checkbox-holder-final {
  margin-right: 10px;
  margin-top: 3px;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .checkbox-holder-final label {
  font: bold 12px "Open Sans";
  text-transform: uppercase;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .checkbox-holder-final label:before {
  top: -3px;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .share-sandwich {
  background: transparent url("../images/share-sandwich.jpg") no-repeat scroll 0 0/34px 34px;
  color: #342920;
  float: left;
  font: bold 12px/30px "Open Sans";
  height: 39px;
  margin-top: 13px;
  padding-left: 40px;
  text-align: left;
  text-transform: uppercase;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .save-to-my-menu {
  width: 150px;
  display: table;
  margin: 12px 0 20px;
  font: bold 14px "Oswald", sans-serif;
  text-align: center;
  color: #d0ab79;
  float: right;
  padding: 6px 0px;
  background-color: #342920;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .save-to-my-menu {
    width: 150px;
  }
}
@media screen and (min-width: 375px) and (max-width: 479px) {
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .save-to-my-menu {
    text-align: center;
    font: 700 15px "Oswald", sans-serif;
    text-transform: uppercase;
    color: #342920;
    border: solid 2px #342920;
    padding: 4px 18px;
    float: right;
    margin: 0 0 30px 0px;
    display: table;
    width: 0;
    background: none;
    height: 0;
    margin-right: 3px;
  }
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .open-san label {
  font: 800 12px "Open Sans" !important;
  padding-top: 0 !important;
  text-transform: uppercase !important;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final {
  margin-left: 0px;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  padding-top: 6px;
  font: 21px "lobster_1.4regular";
  color: #342920;
  margin-bottom: 8px;
  width: 92%;
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final label {
    margin-bottom: 18px;
  }
  .store-location {
    padding-bottom: 35px;
  }
  .sandwich-menu {
    position: absolute;
    bottom: 0px;
  
  }
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final label span {
  font: normal  bold 11px "Open Sans";
  text-transform: capitalize;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final label:before {
  content: "";
  display: inline-block;
  width: 31px;
  height: 31px;
  position: absolute;
  left: 0px;
  top: 3px;
  bottom: 1px;
  margin-left: 0;
  background: transparent url("../images/checkbox3-bg.png") no-repeat scroll 0 0px;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final input[type=checkbox] {
  display: none;
}
.create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final input[type=checkbox]:checked + label:before {
  background: transparent url("../images/checkbox3-bg.png") no-repeat scroll 0 -32px;
  color: #d0ab79;
  text-align: center;
  line-height: 15px;
  margin-left: 0;
}
.create-sandwhich-menu-wrapper .selection-wrapper .amount-done {
  width: 100%;
  float: left;
  position: fixed;
  bottom: 0;
  box-shadow: 0 -6px 23px 0 #4e3f32;
  background-color: #342920;

}
.create-sandwhich-menu-wrapper .selection-wrapper .amount-done .amount-done-wrapper {
  width: 91%;
  display: table;
  margin: 0 auto;
  background-color: #342920;
  padding: 8px 15px;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .create-sandwhich-menu-wrapper .selection-wrapper .amount-done .amount-done-wrapper {
    width: 91%;
  }
}
.create-sandwhich-menu-wrapper .selection-wrapper .amount-done .amount-done-wrapper h2 {
  font: normal 24px/33px "lobster_1.4regular";
  float: left;
  margin: 0 0 0 0;
  color: #6f5a45;
}
.create-sandwhich-menu-wrapper .selection-wrapper .amount-done .amount-done-wrapper h3 {
  font: bold 18px "Oswald";
  float: left;
  margin: 4px 0 0 12px;
}
.create-sandwhich-menu-wrapper .selection-wrapper .amount-done .amount-done-wrapper .done {
  font: bold 14px/22px "Oswald",sans-serif !important;
  float: right;
  border: 1px solid #dab37f;
  text-transform: uppercase;
  color: #dab37f;
  width: 148px;
  text-align: center;
  padding: 4px 0px;
  margin: 0;
}
.create-sandwhich-menu-wrapper .selection-wrapper h1 {
  font: bold 11px "Open Sans";
  background: #6f5a45;
  text-transform: uppercase;
  padding: 4px 6px;
  text-align: center;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper {
  float: left;
  width: 100%;
  margin: 0 0 56px 0;
  height: 100%;
  overflow: scroll;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li.no-border {
  border: 0px !important;
  min-height: 32px;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li {
  float: left;
  width: 100%;
  padding-bottom: 4px;
  border-bottom: 1px solid #6e5944;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value {
  margin: 6px auto;
  width: 240px;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value a.left, .create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value a.right {
  background: url("../images/left-arrow-hover.png") no-repeat;
  width: 40px;
  height: 37px;
  display: block;
  float: left;
  margin-top: 5px;
  background-size: 15px 24px !important;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value a.right {
  background: url("../images/right-arrow.png") no-repeat;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value a.left {
  width: 26px;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value a.left1, .create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value a.right1 {
  background: url("../images/left-arrow.png") no-repeat;
  width: 10px;
  height: 22px;
  display: block;
  float: left;
  margin-top: 0px;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value a.right1 {
  background: url("../images/right-arrow-hover.png") no-repeat;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li .sub-value input {
  border: none;
  background: none;
  font: bold 14px "Open Sans";
  width: 146px;
  padding: 10px 0px;
  text-align: center;
  float: left;
  margin-top: 0px;
  text-transform: uppercase;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 45px;
  font: bold 18px "Oswald", sans-serif;
  color: #342920;
  margin-top: 4px;
  text-transform: uppercase;
  width: auto !important;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li label:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 10px;
  top: 2px;
  bottom: 1px;
  background: url(../images/checkbox2-bg.png) no-repeat;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li input[type=checkbox] {
  display: none;
}
.create-sandwhich-menu-wrapper .selection-wrapper ul.cheese-select-wrapper li input[type=checkbox]:checked + label:before {
  background: url(../images/checkbox2-bg.png) 0 -22px no-repeat;
  color: #d0ab79;
  text-align: center;
  line-height: 15px;
}
.create-sandwhich-menu-wrapper .selection-wrapper #optionList {
  position: absolute;
  width: 100%;
  height: 51%;
}
.create-sandwhich-menu-wrapper .selection-wrapper .main-bread-list {
  height: 100%;
  padding-bottom: 20px;
  overflow: scroll;
}
.create-sandwhich-menu-wrapper .selection-wrapper .main-bread-list li.no-border {
  border: 0px !important;
  min-height: 32px;
}
.create-sandwhich-menu-wrapper .selection-wrapper .main-bread-list li {
  padding-bottom: 4px;
  border-bottom: 1px solid #6e5944;
}
.create-sandwhich-menu-wrapper .selection-wrapper .main-bread-list li label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 45px;
  font: bold 18px "Oswald", sans-serif;
  color: #342920;
  margin-top: 4px;
  text-transform: uppercase;
  width: auto !important;
}
.create-sandwhich-menu-wrapper .selection-wrapper .main-bread-list li label:before {
  content: "";
  display: inline-block;
  width: 23px;
  height: 23px;
  position: absolute;
  left: 10px;
  top: 1px;
  bottom: 1px;
  background: url(../images/radio-bg.png) no-repeat;
}
.create-sandwhich-menu-wrapper .selection-wrapper .main-bread-list li input[type=radio] {
  display: none;
}
.create-sandwhich-menu-wrapper .selection-wrapper .main-bread-list li input[type=radio]:checked + label:before {
  background: url(../images/radio-bg.png) 0 -24px no-repeat;
  color: #d0ab79;
  text-align: center;
  line-height: 15px;
}
.create-sandwhich-menu-wrapper .sandwhich-banner {
  width: 100%;
  float: left;
  position: relative;
}
.create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup {
  width: 100%;
  margin-top: -50px;
}
.create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation {
  display: table;
  margin: 0 auto 8px;
  width: 90%;
  border: 2px solid #342920;
  margin-top: 10%;
}
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) {
  .create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation {
    margin: 0 auto 18px;
  }
}
.create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation h2, .create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation h3 {
  width: 100%;
  float: left;
  text-align: center;
  text-transform: uppercase;
}
.create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation h2 {
  font: bold 12px "Open Sans";
  margin: 0;
  padding: 2px 0 4px 0;
  background-color: #342920;
}
.create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation h3 {
  font: bold 18px "Oswald", sans-serif;
  color: #342920;
}
.create-sandwhich-menu-wrapper .sandwhich-banner p {
  color: #342920;
  font: normal 30px "oswald_stencilregular";
  margin: 58px auto 58px auto;
  text-align: center;
  display: table;
  width: 80%;
}
.create-sandwhich-menu-wrapper .sandwhich-banner img {
  display: table;
  width: 65%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (min-width: 440px) and (max-width: 768px) {
  .create-sandwhich-menu-wrapper .sandwhich-banner img {
    width: 45%;
  }
}
.create-sandwhich-menu-wrapper .filter-header-fixed {
  position: fixed;
  z-index: 1;
  border-top: 0px solid #dab37f !important;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu {
  width: 100%;
  float: left;
  background-color: #41342b;
  border-top: 1px solid #dab37f;
  max-height: 55px;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .opacity-right, .create-sandwhich-menu-wrapper .create-sandwhich-menu .opacity-left {
  width: 13%;
  height: 20px;
  position: absolute;
  opacity: 0.8;
  background-color: #41342b;
  top: 92px;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .opacity-right {
  right: 0;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .opacity-left {
  left: 0;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper {
  width: 100%;
  float: left;
  position: relative;
  padding: 10px 0 10px;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper h2 {
  float: right;
  text-align: right;
  font: normal 26px "lobster_1.4regular";
  margin: 0;
  margin-right: 140px;
}
@media screen and (min-width: 320px) and (max-width: 400px) {
  .create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper h2 {
    font: normal 21px "lobster_1.4regular";
    margin-top: 3px;
  }
}
@media screen and (min-width: 401px) and (max-width: 479px) {
  .create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper h2 {
    font: normal 18px "lobster_1.4regular";
    margin-top: 1px;
  }
}
@media screen and (min-width: 480px) and (max-width: 800px) {
  .create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper h2 {
    margin-right: 170px;
  }
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .summary, .create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .edit-button {
  text-align: center;
  padding: 4px 0;
  margin: 0;
  position: absolute;
  background-color: #342920;
  border: 1px solid #dab37f;
  font: bold 14px/22px "Oswald", sans-serif;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .summary {
  width: 84px;
  height: 26px;
  display: table;
  color: #d0ab79;
  padding: 4px 0px 0;
  right: 12px;
  top: 7px;
  text-transform: uppercase;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .finalize {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .edit-button {
  display: block;
  width: 60px;
  color: #dab37f;
  left: 28px;
  top: 7px;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .edit-button:after, .create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .edit-button:before {
  right: 60px;
  top: 13px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .edit-button:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #342920;
  border-width: 15px;
  margin-top: -13px;
  right: 60px;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .finalize-wrapper .edit-button:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #dab37f;
  border-width: 17px;
  margin-top: -15px;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu h1 {
  width: 100%;
  float: left;
  text-align: center;
  font: normal 10px "Open Sans";
  margin: 4px 0 0 0;
  text-transform: uppercase;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .sandwhich-menu {
  width: 100%;
  float: left;
  text-align: center;
  font: normal 11px "Open Sans";
  margin: 4px 0 0 0;
  text-transform: uppercase;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .sandwhich-menu li {
  float: left;
  margin: 0 0px 0 0;
  width: 33%;
  text-align: center;
}
.create-sandwhich-menu-wrapper .create-sandwhich-menu .sandwhich-menu li a {
  font: normal 20px/16px "lobster_1.4regular";
  color: #dab37f;
  text-transform: capitalize;
  margin: 0;
  padding: 0;
}

.im-done {
  top: 66px;
  right: 10px;
  padding: 4px 2px !important;
  position: absolute;
  font: bold 11px "Open Sans" !important;
  text-transform: uppercase !important;
  color: #877255 !important;
}

.start-over {
  top: 66px;
  left: 10px;
  padding: 4px 2px !important;
  position: absolute;
  font: bold 11px "Open Sans" !important;
  text-transform: uppercase !important;
  color: #877255 !important;
}

.sandwich .create-sandwhich-menu {
  position: fixed;
  z-index: 1;
  border-top: 0px solid #dab37f;
}

.sandwich .sandwich-all-gallery {
  margin-top: 55px;
}

.create-sandwhich-menu-wrapper .homecontent > h1 {
  color: #342920;
  font: 19px "Oswald",sans-serif;
  margin: 37px 7px 11px;
  text-align: center;
  text-transform: uppercase;
}

.create-sandwhich-menu-wrapper .homecontent > h2 {
  color: #342920;
  font: bold 15px "Oswald",sans-serif;
  text-transform: uppercase;
  text-align: center;
}

.create-sandwhich-menu-wrapper .homecontent h2 span {
  font: bold 25px "Oswald",sans-serif;
  margin-left: 4px;
}

.next-button, .order-datails-wrap .confirm-top-section .c-home, .back-button {
  font: bold 14px/22px "Oswald", sans-serif !important;
  color: #dab37f;
  text-transform: uppercase;
  width: 60px;
  display: block;
  margin: 0;
  background-color: #342920;
  text-align: center;
  border: solid 1px #dab37f;
}
.next-button:before, .order-datails-wrap .confirm-top-section .c-home:before, .next-button:after, .order-datails-wrap .confirm-top-section .c-home:after, .back-button:before, .back-button:after {
  content: " ";
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  pointer-events: none;
}

.next-button, .order-datails-wrap .confirm-top-section .c-home {
  top: 54px;
  right: 32px;
  padding: 4px 2px !important;
  position: absolute;
}
.next-button:before, .order-datails-wrap .confirm-top-section .c-home:before {
  left: 63px;
  top: 13px;
}
.next-button:after, .order-datails-wrap .confirm-top-section .c-home:after {
  left: 64px;
  top: 13px;
}
.next-button:before, .order-datails-wrap .confirm-top-section .c-home:before {
  border-left-color: #dab37f;
  border-width: 16px;
  margin-top: -14px;
  left: 65px;
}
.next-button:after, .order-datails-wrap .confirm-top-section .c-home:after {
  border-left-color: #342920;
  border-width: 15px;
  margin-top: -13px;
}

/************* END PAGE10 ******************/
/************* START PAGE11 ******************/
.back-button {
  top: -13px;
  left: 28px;
  padding: 4px 2px !important;
  position: relative;
}
.back-button:after {
  right: 64px;
  top: 11px;
}
.back-button:before {
  right: 65px;
  top: 13px;
}
.back-button:before {
  border-color: rgba(194, 225, 245, 0);
  border-right-color: #dab37f;
  border-width: 16px;
  margin-top: -14px;
}
.back-button:after {
  border-color: rgba(136, 183, 213, 0);
  border-right-color: #342920;
  border-width: 15px;
  margin-top: -11px;
}

.float-right {
  float: right;
}

/************* END PAGE11 ******************/
/************* START PAGE13 ******************/
.open-san label {
  font: bold 11px "Open Sans" !important;
  padding-top: 10px !important;
}

.name-your-creation > input {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  text-align: center;
  width: 97%;
  padding: 5px;
  font: bold 18px "Oswald";
  text-transform: uppercase;
  color: #342920;
}

/************* END PAGE13 ******************/
/************* START PAGE14 ****************/
.filter {
  width: 84px;
  margin: 0px;
  float: left;
  font: bold 14px "Oswald", sans-serif;
  text-align: center;
  color: #d0ab79;
  background-color: #342920;
  position: relative;
  top: 0;
  text-transform: uppercase;
  border: 1px solid #dab37f;
  padding: 5px 0px;
  left: 7px;
}

#sandwich-popup-filter .summary-details-login {
  height: 85%;
}

.counts-sandwich {
  float: left;
  font: bold 16px/14px "Oswald",sans-serif;
  margin-left: 10px;
  margin-top: 4px;
  width: 71px;
}

.counts-sandwich > span {
  font: 400 10px/22px "open sans",sans-serif;
  text-transform: uppercase;
}

.finalize-wrapper .counts-sandwich {
  text-align: center;
}

/* DEMO 3 */
.wrapper-dropdown-3 {
  width: 150px;
  padding: 1px 0;
  right: 12px;
  top: 11px;
  border: 1px solid #dab37f;
  cursor: pointer;
  outline: none;
  position: absolute;
  font: bold 14px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #d0ab79;
}
.wrapper-dropdown-3 select {
  width: 108%;
  height: 27px;
  font: bold 14px "Oswald", sans-serif;
  padding: 0 0 0 9px;
  background: url("../images/dropdown-arrow.png") no-repeat 120px center;
  border: medium none;
  color: #d0ab79;
}
.wrapper-dropdown-3 select option {
  padding-left: 10px;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .wrapper-dropdown-3 {
    width: 120px;
  }
  .wrapper-dropdown-3 select {
    font: bold 12px "Oswald", sans-serif;
    background: url("../images/dropdown-arrow.png") no-repeat 92px center;
  }
}
.wrapper-dropdown-3 .wrapper-dropdown-3, .wrapper-dropdown-3 .dropdown {
  position: absolute;
  background: #342920;
  border: 1px solid #dab37f;
}
.wrapper-dropdown-3 .wrapper-dropdown-3:after, .wrapper-dropdown-3 .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 15px;
  border-style: solid;
  border-color: #342920 transparent;
}
.wrapper-dropdown-3 .dropdown {
  top: 140%;
  left: 0;
  right: 0;
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  list-style: none;
  opacity: 0;
  pointer-events: none;
}
.wrapper-dropdown-3 .dropdown:after {
  bottom: 100%;
  right: 15px;
  border-width: 0 6px 6px 6px;
}
.wrapper-dropdown-3 .dropdown:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 13px;
  border-width: 0 8px 8px 8px;
}
.wrapper-dropdown-3 .dropdown li a {
  font: bold 14px "Oswald", sans-serif;
  display: block;
  padding: 10px;
  text-decoration: none;
  color: #d0ab79;
  border-bottom: 1px solid #dab37f;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.wrapper-dropdown-3 .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0;
}
.wrapper-dropdown-3 .dropdown li:last-of-type a {
  border: none;
  border-radius: 0 0 7px 7px;
}

/* Hover state */
.wrapper-dropdown-3 .dropdown li:hover a {
  background: #342920;
}

/* Active state */
.wrapper-dropdown-3.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}

/* No CSS3 support */
.no-opacity .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
  display: block;
}

/************** END PAGE14 ******************/
/* start of page 17 */
.sandwich-popup .summary-details-login {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 47px;
  padding-bottom: 50px;
  height: 94%;
  overflow-y: scroll;
}
.sandwich-popup .summary-details-login .login-wrapper {
  margin: 0 auto;
  width: 280px;
}
.sandwich-popup .summary-details-login .login-wrapper h2 {
  font: normal 25px "lobster_1.4regular";
  margin-bottom: 15px;
}
.sandwich-popup .summary-details-login .login-wrapper p {
  font: 600 11px "Open Sans";
  margin-bottom: 20px;
}
.sandwich-popup .summary-details-login .login-wrapper .connect-facebook, .sandwich-popup .summary-details-login .login-wrapper .connect-login, .sandwich-popup .summary-details-login .login-wrapper .connect-create {
  background: none repeat scroll 0 0 #3f4c4e;
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px/13px "Oswald";
  padding: 13px 0 8px;
  text-align: center;
  text-transform: uppercase;
  width: 280px;
  margin: 5px 0;
  color: #dab37f;
}
.sandwich-popup .summary-details-login .login-wrapper .connect-facebook span, .sandwich-popup .summary-details-login .login-wrapper .connect-login span, .sandwich-popup .summary-details-login .login-wrapper .connect-create span {
  font: 600 10px "Open Sans";
}
.sandwich-popup .summary-details-login .login-wrapper .connect-login, .sandwich-popup .summary-details-login .login-wrapper .connect-create {
  background-color: #342920;
  padding: 18px 0;
}
.sandwich-popup .summary-details-login .login-wrapper .connect-create {
  margin-bottom: 20px;
}

/* end of page 17 */
/* start of page 18 */
.sandwich-popup .summary-details-login {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 47px;
  padding-bottom: 50px;
  height: 94%;
  overflow-y: scroll;
}
.sandwich-popup .summary-details-login .login-facebook-wrapper {
  margin: 0 auto;
  width: 280px;
}
.sandwich-popup .summary-details-login .login-facebook-wrapper h2 {
  font: normal 27px "lobster_1.4regular";
  margin-bottom: 15px;
}
.sandwich-popup .summary-details-login .login-facebook-wrapper p {
  font: 600 11px/14px "Open Sans";
  margin-bottom: 20px;
}
.sandwich-popup .summary-details-login .login-facebook-wrapper .connect-facebook {
  background: none repeat scroll 0 0 #3f4c4e;
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px/13px "Oswald";
  padding: 17px 0;
  text-align: center;
  text-transform: uppercase;
  width: 280px;
  margin: 5px 0 15px;
  color: #dab37f;
}
.sandwich-popup .summary-details-login .login-facebook-wrapper .termsconditions {
  float: right;
  font: 10px "Open Sans";
  text-align: right;
  width: 180px;
}
.sandwich-popup .summary-details-login .login-facebook-wrapper .termsconditions a {
  color: #dab37f;
  text-decoration: underline;
}
.sandwich-popup .summary-details-login .login-facebook-wrapper .termsconditions a:hover {
  text-decoration: none;
}

.addresslist {
  overflow: visible;
}
.addresslist .right {
  margin-top: 20px;
}
.addresslist .address-right {
  margin-top: 0 !important;
}

/* end of page 18 */
/* start of page 19 */
.sandwich-popup .summary-details-login {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 47px;
  padding-bottom: 50px;
  height: 94%;
  overflow-y: scroll;
}
.sandwich-popup .summary-details-login .login-mail-wrapper, .sandwich-popup .summary-details-login .register-wrapper {
  margin: 0 auto;
  width: 280px;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .error_msg, .sandwich-popup .summary-details-login .register-wrapper .error_msg {
  display: block;
  font-family: "Open Sans";
  font-size: 14px;
  text-align: center;
    color: #ff0000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper h2, .sandwich-popup .summary-details-login .register-wrapper h2 {
    font: normal 25px "lobster_1.4regular";
    margin-bottom: 5px;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email, .sandwich-popup .summary-details-login .register-wrapper .text-email {
  border: 1px solid #d0ab79;
  width: 85%;
  background: url("../images/email.png") no-repeat 7px center #887358;
  height: 40px;
  padding-left: 36px;
  font: bold 12px "Open Sans";
  color: #000;
  margin-top: 16px;
  border-radius: 0;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email::-webkit-input-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email::-webkit-input-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email:-moz-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email:-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email::-moz-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email::-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email:-ms-input-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email:-ms-input-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email input::-webkit-input-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email input::-webkit-input-placeholder {
  color: #000 !important;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email input:-moz-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email input:-moz-placeholder {
  /* Firefox 18- */
  color: #000 !important;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email input::-moz-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000 !important;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-email input:-ms-input-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-email input:-ms-input-placeholder {
  color: #000 !important;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .connect-create, .sandwich-popup .summary-details-login .register-wrapper .connect-create {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px/13px "Oswald";
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
  width: 274px;
  background-color: #342920;
  padding: 20px 0;
  color: #dab37f;
  margin-top: 25px;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-password, .sandwich-popup .summary-details-login .register-wrapper .text-password {
  border: 1px solid #d0ab79;
  width: 85%;
  background: url("../images/password.png") no-repeat 7px center #887358;
  height: 40px;
  border-radius: 0;
  padding-left: 36px;
  color: #000;
  font: bold 11px "Open Sans";
  margin-top: 16px;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-password::-webkit-input-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-password::-webkit-input-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-password:-moz-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-password:-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-password::-moz-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-password::-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper .text-password:-ms-input-placeholder, .sandwich-popup .summary-details-login .register-wrapper .text-password:-ms-input-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .login-mail-wrapper h6, .sandwich-popup .summary-details-login .register-wrapper h6 {
  font: normal 10px "Open Sans";
  text-align: right;
  width: 66%;
  float: right;
  margin-top: 12px;
  margin-right: 4px;
}
.sandwich-popup .summary-details-login .login-mail-wrapper h6 a, .sandwich-popup .summary-details-login .register-wrapper h6 a {
  color: #d0ab79;
  text-decoration: underline;
}
.sandwich-popup .summary-details-login .login-mail-wrapper h6 a:hover, .sandwich-popup .summary-details-login .register-wrapper h6 a:hover {
  text-decoration: none;
}

/* end of page 19 */
/* start of page 20 */
.sandwich-popup .summary-details-login .register-wrapper .text-firstname {
  border: 1px solid #d0ab79;
  width: 34.2%;
  float: left;
  background: url("../images/username.png") no-repeat 7px center #887358;
  height: 40px;
  padding-left: 36px;
  color: #000;
  font: bold 12px "Open Sans";
  margin-top: 16px;
  border-radius: 0;
}
.sandwich-popup .summary-details-login .register-wrapper .text-firstname::-webkit-input-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .register-wrapper .text-firstname:-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .register-wrapper .text-firstname::-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .register-wrapper .text-firstname:-ms-input-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .register-wrapper .text-lastname {
  border: 1px solid #d0ab79;
  width: 43%;
  float: left;
  background: #887358;
  height: 40px;
  padding-left: 10px;
  color: #000;
  font: bold 12px "Open Sans";
  margin-top: 16px;
  margin-left: 10px;
  border-radius: 0;
}
.sandwich-popup .summary-details-login .register-wrapper .text-lastname::-webkit-input-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .register-wrapper .text-lastname:-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .register-wrapper .text-lastname::-moz-placeholder {
  color: #000;
}
.sandwich-popup .summary-details-login .register-wrapper .text-lastname:-ms-input-placeholder {
  color: #000;
}

/* end of page 20 */
/************* START PAGE21 ******************/
.order-history {
  border-bottom: 1px solid #342920;
  float: left;
  width: 100%;
}
.order-history .row {
  padding: 15px;
}
.order-history .row .left-float {
  width: 70%;
  float: left;
}
.order-history .row .right-float {
  width: 30%;
  float: right;
  position: relative;
}
.order-history h2, .order-history h3, .order-history p {
  color: #342920;
}
.order-history h2 {
  font: bold 18px "Oswald", sans-serif;
  text-align: left;
  float: left;
  width: 100%;
  text-transform: uppercase;
}
.order-history h3 {
  font: bold 10px "open sans";
  text-transform: uppercase;
  margin: 5px 0;
}
.order-history p {
  font: 600 12px/14px "Open Sans";
  margin-left: 16px;
  letter-spacing: -1px;
}

.recorder, .recorder-2, .recorder-3 {
  padding: 5px 0 5px 10px !important;
  right: 14px;
  top: 5px;
  position: absolute;
  width: 55px;
  text-align: center;
  font: bold 14px/30px "Oswald", sans-serif;
  color: #dab37f;
  text-transform: uppercase;
  display: block;
  margin: 0;
  background-color: #342920;
}
.recorder:after, .recorder-2:after, .recorder-3:after {
  left: 65px;
  top: 16px;
  border: medium solid transparent;
  content: " ";
  height: 0px;
  width: 0px;
  position: absolute;
  pointer-events: none;
}
.recorder:after, .recorder-2:after, .recorder-3:after {
  border-left-color: #342920;
  border-width: 17px;
  margin-top: -17px;
}

.recorder {
  padding: 1px 0px 1px 11px !important;
  position: absolute;
  right: 0;
  text-align: center;
  text-transform: uppercase;
  top: 5px;
  width: 55px;
}

.recorder .deliver {
  padding-top: 15px;
}
.recorder .deliver p {
  font: bold 10px "Open Sans";
  color: #342920;
  margin-left: 0px !important;
}
.recorder .deliver span {
  text-transform: uppercase;
}

.order-history .deliver p {
  width: 148%;
  margin-bottom: 0px !important;
}



.date_time_wrapper .timechange select {
  color: #d0ab79;
  font: bold 14px/22px "Oswald",sans-serif;
  text-transform: uppercase;
  text-align: center;

}




.order-history .deliver p span {
  margin-right: 3px;
}

.deliver {
  padding: 10px 0;
}
.deliver p {
  padding: 2px 0;
}

.deliver p:first-child {
  margin-bottom: 10px;
}

/************** END PAGE21 ******************/
/************** START PAGE22 ******************/
.store-location {
  background-color: #342920;
  float: left;
  width: 100%;
}
.store-location .row {
  padding: 15px;
}
.store-location h2 {
  font: bold 18px "Oswald", sans-serif;
  text-align: left;
  text-transform: uppercase;
  color: #dab37f;
  float: left;
  width: 100%;
}
.store-location h3 {
  font: bold 11px "Open Sans";
  text-transform: uppercase;
  color: #dab37f;
  padding-top: 10px;
}
.store-location p {
  font: 11px "Open Sans";
  color: #dab37f !important;
}

.map-location img {
  width: 100%;
}

/************** END PAGE22 ******************/
/* start of page 24 */
.sandwich-popup .summary-details-login {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 80px;
  padding-bottom: 50px;
  height: 94%;
  overflow-y: scroll;
}
.sandwich-popup .summary-details-login .add-address-wrapper {
  margin: 0 auto;
  width: 300px;
}
.sandwich-popup .summary-details-login .add-address-wrapper h2 {
  font: normal 27px "lobster_1.4regular";
  margin: 0 0 15px;
}
.sandwich-popup .summary-details-login .add-address-wrapper .add-address {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px "Oswald";
  padding: 11px 0 11px;
  text-align: center;
  text-transform: uppercase;
  color: #dab37f;
  margin-top: 25px;
  background: url("../images/add-address.png") no-repeat 42px center #342920;
  background-size: 7% 41%;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address {
  float: left;
  width: 97%;
  padding-bottom: 20px;
  border-bottom: 1px solid #dab37f;
  margin-bottom: 25px;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address h2 {
  font: bold 16px "Oswald";
  margin: 20px 0 15px;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .left {
  width: 50%;
  float: left;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .left p {
  font: 600 11px open sans;
  color: #dab37f !important;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .view-button {
  position: relative;
  background-color: #342920;
  text-align: center;
  border: solid 1px #dab37f;
  display: block;
  font: bold 14px "Oswald", sans-serif;
  color: #dab37f;
  text-transform: uppercase;
  display: block;
  padding: 15px;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .or {
  display: block;
  text-align: center;
  padding: 10px 0;
  font: normal 18px "lobster_1.4regular", sans-serif;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .right {
  width: 50%;
  float: left;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .right p {
  font: 600 11px open sans;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .right .view-button, .sandwich-popup .summary-details-login .add-address-wrapper .address .right .address-select {
  position: relative;
  background-color: #342920;
  text-align: center;
  border: solid 1px #dab37f;
  width: 60px;
  height: auto;
  font: bold 14px/22px "Oswald", sans-serif;
  color: #dab37f;
  text-transform: uppercase;
  display: block;
  margin: 0 0 0 70px;
  padding: 2px 0;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .right .view-button:after, .sandwich-popup .summary-details-login .add-address-wrapper .address .right .view-button:before, .sandwich-popup .summary-details-login .add-address-wrapper .address .right .address-select:after, .sandwich-popup .summary-details-login .add-address-wrapper .address .right .address-select:before {
  left: 60px;
  top: 15px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .right .view-button:after, .sandwich-popup .summary-details-login .add-address-wrapper .address .right .address-select:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #342920;
  border-width: 13px;
  margin-top: -15px;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .right .view-button:before, .sandwich-popup .summary-details-login .add-address-wrapper .address .right .address-select:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #dab37f;
  border-width: 14px;
  margin-top: -16px;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .right .select-card-button {
  margin: -30px 0 0 68px;
}
.sandwich-popup .summary-details-login .add-address-wrapper .address .address-select {
  margin: 6px 0 0 73px !important;
}

#select_delivery_or_pickup .address,
div#credit_card_list .address,
div#address_list .address {
  width: 100%;
}

div#address_list div.addresslist div.address:last-child, div#select_delivery_or_pickup div.address:last-child
, div#credit_card_list div.address:last-child {
  border: 0;
}

/* end of page 24 */
/* start of page 25 */
.sandwich-popup .summary-details-login {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 47px;
  height: 94%;
  overflow-y: scroll;
  padding-bottom: 50px;
}
.sandwich-popup .summary-details-login .add-new-address {
  margin: 0 auto;
  width: 280px;
}
.sandwich-popup .summary-details-login .add-new-address h2 {
  font: normal 27px "lobster_1.4regular";
  margin: 0 0 15px;
}
.sandwich-popup .summary-details-login .add-new-address h3 {
  font: normal 18px "lobster_1.4regular";
  margin-top: 30px;
  float: left;
  margin-right: 20px;
}
.sandwich-popup .summary-details-login .add-new-address .add-address {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px "Oswald";
  padding: 18px 0 18px;
  text-align: center;
  text-transform: uppercase;
  width: 270px;
  color: #dab37f;
  margin-top: 25px;
  background-color: #342920;
}
.sandwich-popup .summary-details-login .add-new-address .phone-number {
  width: 180px !important;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-control-ext {
  width: 68px !important;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder {
  width: 278px;
  float: left;
  margin: 0 24px 0 0;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder p {
  font: bold 11px "Open Sans";
  margin: 10px 0 5px;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder .text-box-control, .sandwich-popup .summary-details-login .add-new-address .text-box-holder .text-box-phone, .sandwich-popup .summary-details-login .add-new-address .text-box-holder .text-box-zip {
  background-color: #887358;
  border: 1px solid #d0ab79;
  float: left;
  font: 700 12px "Open Sans";
  height: 28px;
  margin: 0;
  border-radius: 0;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder .text-box-control {
  padding: 0 0 0 10px;
  width: 94%;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder .text-box-phone {
  text-align: center;
  margin: 0 5px 0 0px;
  width: 50px;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder .text-box-zip {
  padding: 0 0 0 5px;
  width: 52%;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder1 {
  width: 92px;
  float: left;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder1 p {
  font: bold 11px "Open Sans";
  margin: 10px 0 5px;
}
.sandwich-popup .summary-details-login .add-new-address .text-box-holder1 .text-box-control {
  background-color: #887358;
  border: 1px solid #d0ab79;
  float: left;
  font: 700 12px "Open Sans";
  height: 28px;
  margin: 0;
  padding: 0 0 0 5px;
  width: 91%;
  border-radius: 0;
}

/* end of page 25 */
/* start of page 26 */
.sandwich-popup .summary-details-login {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 47px;
  height: 94%;
  overflow-y: scroll;
  padding-bottom: 50px;
}
.sandwich-popup .summary-details-login .add-cards-wrapper {
  margin: 0 auto;
  width: 280px;
}
.sandwich-popup .summary-details-login .add-cards-wrapper h2 {
  font: normal 27px "lobster_1.4regular";
  margin: 0 0 15px;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .add-cards {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px "Oswald";
  padding: 18px 0 18px 30px;
  text-align: center;
  text-transform: uppercase;
  width: 240px;
  color: #dab37f;
  margin-top: 25px;
  background: url("../images/add-address.png") no-repeat 40px center #342920;
  background-size: 11% 50%;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards {
  float: left;
  width: 97%;
  padding-bottom: 18px;
  border-bottom: 1px solid #dab37f;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards h2 {
  font: bold 16px "Oswald";
  margin: 20px 0 15px;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .left {
  width: 50%;
  float: left;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .left p {
  font: 600 11px open sans;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .right {
  width: 50%;
  float: left;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .right p {
  font: 600 11px open sans;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .right .view-button {
  position: relative;
  background-color: #342920;
  text-align: center;
  border: solid 1px #dab37f;
  width: 60px;
  height: 25px;
  font: bold 14px/18px "Oswald", sans-serif;
  color: #dab37f;
  text-transform: uppercase;
  display: block;
  margin: 23px 0 0 50px;
  padding: 7px 0 0;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .right .view-button:after, .sandwich-popup .summary-details-login .add-cards-wrapper .cards .right .view-button:before {
  left: 60px;
  top: 16px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .right .view-button:after {
  border-color: rgba(136, 183, 213, 0);
  border-left-color: #342920;
  border-width: 16px;
  margin-top: -16px;
}
.sandwich-popup .summary-details-login .add-cards-wrapper .cards .right .view-button:before {
  border-color: rgba(194, 225, 245, 0);
  border-left-color: #dab37f;
  border-width: 17px;
  margin-top: -17px;
}

/* end of page 26 */
/* start of page 27 */
.sandwich-popup .summary-details-login {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 17px;
  height: 94%;
  overflow-y: scroll;
  padding-bottom: 50px;
}
.sandwich-popup .summary-details-login .summary_details {
  margin-top: 70px;
  padding: 5px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper {
  margin: 0 auto;
  width: 280px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper h2 {
  font: normal 27px "lobster_1.4regular";
  margin: 0 0 15px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper h2.filter-option {
  font: bold 20px "Oswald";
  margin: 0 0 15px;
  text-transform: uppercase;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper h2.filter-option a {
  font-size: 12px;
  color: #dab37f;
  display: inline-block;
  margin-left: 50px;
  text-decoration: underline;
  font-weight: normal;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder1 {
  width: 119px;
  float: left;
  margin: 10px 0 0;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder1 p {
  font: bold 12px "Open Sans";
  color: #d0ab79;
  width: 100%;
  margin-bottom: 6px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder1 .text-box-control {
  background-color: #887358;
  border: 1px solid #d0ab79;
  float: left;
  font: 700 12px "Open Sans";
  height: 28px;
  margin: 0;
  padding: 0 0 0 5px;
  width: 91%;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .checkbox-save-bill span {
  font-weight: normal;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .checkbox-save-bill input[type=checkbox] {
  display: none;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .checkbox-save-bill label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 30px;
  font: bold 12px "Open Sans";
  color: #dab37f;
  margin-top: 12px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .checkbox-save-bill label:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 0px;
  top: -2px;
  bottom: 1px;
  background: url(../images/sandwich-checkbox2-bg.png) no-repeat;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .checkbox-save-bill input[type=checkbox]:checked + label:before {
  background: url(../images/sandwich-checkbox2-bg.png) 0 -22px no-repeat;
  color: #d0ab79;
  text-align: center;
  line-height: 15px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder {
  width: 272px;
  float: left;
  margin: 10px 24px 0px 0;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .text-box-control {
  background-color: #887358;
  border: 1px solid #d0ab79;
  float: left;
  font: 700 12px "Open Sans";
  height: 28px;
  margin: 0;
  padding: 0 0 0 10px;
  width: 95.5%;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder p {
  font: bold 12px "Open Sans";
  color: #d0ab79;
  width: 100%;
  margin-bottom: 6px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .credit-card {
  border: 1px solid #d0ab79;
  float: left;
  margin: 0px 0 0px 0;
  overflow: hidden;
  width: 99%;
  background-color: #887358;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .credit-card select {
  width: 112%;
  height: 28px;
  font: 700 12px "Open Sans";
  padding: 0 0 0 5px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .credit-card select {
  background: url("../images/select-box-arrow.png") no-repeat 240px center;
  border: medium none;
  color: #342920;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .month {
  border: 1px solid #d0ab79;
  float: left;
  margin: 0px 0 0px 0;
  overflow: hidden;
  width: 170px;
  background-color: #887358;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .month select {
  width: 192px;
  height: 28px;
  font: 700 12px "Open Sans";
  padding: 0 0 0 5px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .month select {
  background-color: #887358;
  border: medium none;
  color: #342920;
  background: url("../images/select-box-arrow.png") no-repeat center right;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .year {
  border: 1px solid #d0ab79;
  float: left;
  margin: 0px 0 0px 8px;
  overflow: hidden;
  width: 86px;
  background-color: #887358;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .year select {
  width: 106px;
  height: 28px;
  text-transform: uppercase;
  font: 700 12px "Open Sans";
  padding: 0 0 0 5px;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .year select {
  background: url("../images/select-box-arrow.png") no-repeat center right;
  border: medium none;
  color: #342920;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .text-box-holder .text-box-billing-zip {
  background-color: #887358;
  border: 1px solid #d0ab79;
  float: left;
  font: 700 12px "Open Sans";
  height: 28px;
  margin: 0;
  padding: 0 0 0 5px;
  width: 40%;
}
.sandwich-popup .summary-details-login .saved-creditcards-wrapper .add-address {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px "Oswald";
  padding: 18px 0 18px;
  text-align: center;
  text-transform: uppercase;
  width: 270px;
  color: #dab37f;
  margin-top: 45px;
  background-color: #342920;
}

/* end of page 27 */
.FilterLable {
  padding: 6px 0;
}

/************** START PAGE 23 and 28****************/
table {
  border-collapse: collapse;
  margin-bottom: 2em;
  width: 100%;
}
table tr {
  border-bottom: 1px solid #342920;
}
table tr:first-child {
  background-color: #6f5a44;
}
table td, table th {
  padding: 0 10px;
  text-align: left;
  font: bold 16px "Oswald", sans-serif;
  text-align: left;
  text-transform: uppercase;
  color: #342920;
}
table td.item, table th.item {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 116px;
  padding: 0 5px 0 10px;
  width: 50%;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  table td.item, table th.item {
    width: 44%;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  table td.item, table th.item {
    width: 48%;
  }
}
@media screen and (min-width: 320px) and (max-width: 340px) {
  table td, table th {
    padding: 0 9px;
  }
}
table td .qty-img-left, table th .qty-img-left {
  height: 23px;
  margin-right: 4px;
  margin-top: 4px;
  width: 14px;
}
@media screen and (min-width: 320px) and (max-width: 359px) {
  table td .qty-img-left, table th .qty-img-left {
    margin-right: 0px;
  }
}
table td .qty-img-right, table th .qty-img-right {
  height: 23px;
  margin-left: 4px;
  margin-top: 4px;
  width: 14px;
}
@media screen and (min-width: 320px) and (max-width: 359px) {
  table td .qty-img-right, table th .qty-img-right {
    margin-left: 0px;
  }
}
table td .qtybox, table th .qtybox {
  background-color: transparent;
  border: 0px;
  height: 21px;
  text-align: center;
  width: 22px;
  color: #342920;
  font: bold 16px "Oswald",sans-serif;
  position: relative;
  bottom: 4px;
}
table td.err {
  color: #fff;
  font-size: 0.75em;
  text-align: center;
  line-height: 1;
}
table th {
  padding: 2px 10px;
  background-color: #6f5a44;
  font: 12px "Open Sans";
  color: #dab37f;
  text-transform: uppercase;
  text-align: center;
}
table tbody th {
  background-color: #2ea879;
}
table tbody tr:nth-child(2n-1) {
  background-color: transparent;
  transition: all .125s ease-in-out;
}
table tbody th {
  background-color: #2ea879;
}

.sales-tax {
  text-align: center;
  background: #6f5a45;

}
.sales-tax p {
  font: 600 10px "Open Sans";
  padding: 3px 0;
  text-transform: uppercase;
}

.check-out {
  padding: 0px 10px;
}
.check-out .tip {
  padding: 10px 10px 10px 0;
  font: bold 14px "Oswald", sans-serif;
}
.check-out p {
  font: bold 10px "Open Sans";
  color: #342920;
  float: left;
}
.check-out .total {
  width: 50%;
  float: left;
}
.check-out .total p {
  font: 600 11px "Open Sans";
  text-transform: uppercase;
  color: #342920;
  text-align: right;
  float: none !important;
}
.check-out .grand-total {
  width: 25%;
  float: left;
  margin-bottom: 6px;
  padding-top: 11px;
}
.check-out .grand-total h3 {
  font: bold 18px "lobster_1.4regular", sans-serif;
  color: #342920;
  text-align: right;
}
.check-out .grand-total h2 {
  font: bold 16px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #342920;
  text-align: right;
}

/* DEMO 3 */
.wrapper-dropdown-4 {
  position: relative;
  width: 110px;
  padding: 6px;
  left: 24px;
  top: 0px;
  border: 1px solid #342920;
  cursor: pointer;
  outline: medium none;
  font: bold 16px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #342920;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .wrapper-dropdown-4 {
    left: 24px;
  }
}
.wrapper-dropdown-4:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #342920 transparent;
}
.wrapper-dropdown-4 .dropdown {
  /* Size & position */
  position: absolute;
  top: 140%;
  left: 0;
  right: 0;
  /* Styles */
  background: #dab37f;
  border-radius: inherit;
  border: 1px solid #342920;
  font-weight: normal;
  -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  list-style: none;
  /* Hiding */
  opacity: 0;
  pointer-events: none;
}
.wrapper-dropdown-4 .dropdown:after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 15px;
  border-width: 0 6px 6px 6px;
  border-style: solid;
  border-color: transparent;
}
.wrapper-dropdown-4 .dropdown :before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: 100%;
  right: 13px;
  border-width: 0 8px 8px 8px;
  border-style: solid;
  border-color: #342920 transparent;
}
.wrapper-dropdown-4 .dropdown li a {
  font: bold 16px "Oswald", sans-serif;
  display: block;
  padding: 6px;
  text-decoration: none;
  color: #342920;
  border-bottom: 1px solid #342920;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.wrapper-dropdown-4 .dropdown li:first-of-type a {
  border-radius: 7px 7px 0 0;
}
.wrapper-dropdown-4 .dropdown li:last-of-type a {
  border: none;
  border-radius: 0 0 7px 7px;
}

/* Active state */
.wrapper-dropdown-4.active .dropdown {
  opacity: 1;
  pointer-events: auto;
}

/* No CSS3 support */
.no-opacity .wrapper-dropdown-4 .dropdown,
.no-pointerevents .wrapper-dropdown-4 .dropdown {
  display: none;
  opacity: 1;
  /* If opacity support but no pointer-events support */
  pointer-events: auto;
  /* If pointer-events support but no pointer-events support */
}

.no-opacity .wrapper-dropdown-4.active .dropdown,
.no-pointerevents .wrapper-dropdown-4.active .dropdown {
  display: block;
}

.personal-detail {
  margin: 0;
}
.personal-detail .details-1 {
  background: #342920;
  height: 15px;
  padding: 10px;
  border-bottom: 1px solid #dab37f;
}
.personal-detail .details-1 .total {
  width: 15%;
  float: left;
}
.personal-detail .details-1 .total h3 {
  font: 11px "Open Sans", sans-serif;
  color: #dab37f;
  text-align: right;
  padding: 2px 0;
}
.personal-detail .details-1 .tax {
  width: 66%;
  float: left;
  margin-left: 10px;
}
.personal-detail .details-1 .tax h2 {
  font: bold 13px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #dab37f;
}
.personal-detail .details-1 .tax h2 span {
  font-size: 9px;
  font-weight: normal;
  font-weight: normal;
  margin-top: -11px;
  display: inline-block;
}

.break {
  padding-top: 45px;
}

.total-img {
  height: 15px;
  float: right;
  margin-right: 10px;
}

.tax-img {
  height: 15px;
  margin-right: 10px;
  margin-top: -1px;
  vertical-align: top;
}

.tax-2 {
  width: 50%;
  float: left;
}

.first-time {
  background-color: #5c2b2b !important;
}
.first-time td {
  color: #dab37f !important;
  font-size: 14px;
  padding-bottom: 7px;
  padding-top: 7px;
}

.check-out-head-wrap {
  width: 100%;
  float: left;
  background: #41342b;
}

.check-out-head {
  margin-bottom: 0px !important;
}
.check-out-head h2 {
  font: 26px "lobster_1.4regular", sans-serif;
  margin-top: -3px;
}

/************** END PAGE 23 and 28 ******************/
.price {
  text-align: center;
}

::-webkit-input-placeholder {
  color: #342920;
}

.popup_spinner {
  float: left;
  margin-left: 64px;
  width: 72px;
}
@media screen and (min-width: 320px) and (max-width: 340px) {
  .popup_spinner {
    margin-left: 12px;
  }
}
.popup_spinner .text-box {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #dab37f;
  float: left;
  font: bold 18px "Oswald",sans-serif;
  text-align: center;
  width: 38px;
  margin-top: 3px;
}
.popup_spinner .text-box-checkout {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #342920;
  float: left;
  font: 16px "Oswald",sans-serif;
  text-align: center;
  width: 38px;
}
.popup_spinner a.left_spinner {
  background: transparent url("../images/left-arrowbig.png") no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  margin-top: 5px;
  width: 16px;
  background-size: 15px 23px;
}
.popup_spinner a.leftSpinner {
  background: transparent url("../images/left-arrowbig.png") no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  margin-top: 5px;
  width: 16px;
  background-size: 15px 23px;
}
.popup_spinner a.right_spinner {
  background: transparent url("../images/right-arrowbig.png") no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  margin-top: 5px;
  width: 15px;
  background-size: 15px 23px;
}
.popup_spinner a.rightSpinner {
  background: transparent url("../images/right-arrowbig.png") left top no-repeat !important;
  display: block;
  float: left;
  height: 25px;
  margin-top: 5px;
  width: 15px;
  background-size: 15px 23px;
}
.apply-discount {
  display: table;
  margin: 0 auto;
  width: 80%;
}
.apply-discount .discount-wrapper {
  display: table-cell;
  vertical-align: middle;
  height: 400px;
}
.apply-discount .discount-wrapper h2 {
  font: bold 20px "Oswald",sans-serif;
}

.contact-wrapper h3 {
  font: normal 20px "lobster_1.4regular";
}
.contact-wrapper h2 {
  font: bold 17px/24px "Oswald";
  color: #342920;
  margin-bottom: 20px;
  margin-top: 0px;
}
.contact-wrapper h2 a {
  color: #342920;
  text-decoration: underline;
}
.contact-wrapper p {
  font: 12px/16px "Open Sans";
  margin-bottom: 3px;
  font-weight: 600;
}

.final-list-wrapper .view-popup-scroll {
  max-height: 27px;
  overflow-y: scroll;
  margin-bottom: 8px;
}
.new_create__sandwich{
  width: 100%
}
.new_create__sandwich .homebannerauto{
  width: 75% !important;

}
.homebannerauto:after {
    content: '';
    position: absolute;
    background: url(../images/banner-top.png) no-repeat;
    width: 100px;
    height: 100px;
    background-size: cover;
    left: 28%;
}
.new_create__sandwich .homebannerauto .homepageAutoBanner img{
  width: 75%!important;
    max-width: none !important;
}
.new_create__sandwich .homebannerauto .homepageloader{
  left: 0;
  top: 40%;
}
.summary-details-discount {
  float: left;
  width: 100%;
  background-color: #1e1613;
  position: relative;
  top: 47px !important;
  padding-bottom: 50px;

}

.text-lastname {
  background-color: #887358;
  border: 1px solid #d0ab79;
  float: left;
  font: 700 12px "Open Sans";
  height: 40px;
  margin: 10px 0 0;
  border-radius: 0;
  width: 98%;
  padding-left: 10px;
  color: #000;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .text-lastname {
    width: 96.3%;
  }
}

.add-address {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px "Oswald";
  padding: 18px 0 18px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  color: #dab37f;
  margin-top: 20px;
  background-color: #342920;
}

.filter {
  background: #342920 url("../images/dropdown-arrow.png") no-repeat scroll 236px 11px/auto 9px;
  border: 1px solid #d0ab79;
  float: left;
  margin: 0 0 10px;
  overflow: hidden;
  width: 99%;
  background-color: #342920;
  left: 0;
}
.filter select {
  width: 100%;
  height: 24px;
  font: 700 14px "Open Sans";
  padding: 0 0 0 5px;
  text-align: center;
}
.filter select {
  background: url("../images/dropdown-arrow.png") no-repeat 260px center;
  border: medium none;
  color: #d0ab79;
}

.main-sandwich-list .filter {
  margin: 0 8px 20px;
  overflow: hidden;
  width: 94%;
}

#product-descriptor .summary-details-add-menu .main-sandwich-list {
  margin-bottom: 0;
}

@media only screen and (min-device-width: 375px) and (max-device-width: 558px) {
  .sandwich-popup .main-sandwich-list .date_time_wrapper .extra_id {
    background-position: 309px !important;
  }
}
@media only screen and (min-device-width: 413px) and (max-device-width: 415px) {
  .sandwich-menu {
    position: absolute;
    bottom: 0px;
    
  }
}


.mobile-popup-filter .filter {
  background: #342920 url("../images/dropdown-arrow.png") no-repeat scroll 236px 18px/auto 9px;
  border: 1px solid #d0ab79;
  float: left;
  margin: 0 0 10px;
  overflow: hidden;
  width: 99%;
  background-color: #342920;
  left: 0;
}
.mobile-popup-filter .filter select {
  width: 100%;
  height: 24px;
  font: 700 14px "Open Sans";
  padding: 0 0 0 5px;
  text-align: center;
}
.mobile-popup-filter .filter select {
  background: url("../images/dropdown-arrow.png") no-repeat 240px center;
  border: medium none;
  color: #d0ab79;
}

p.items {
  font: normal 15px "lobster_1.4regular" !important;
}

.apply-filter {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px "Oswald";
  padding: 10px 0 10px;
  text-align: center;
  text-transform: uppercase;
  width: 96%;
  color: #dab37f;
  margin-top: 20px;
  background-color: #342920;
}
.create-sandwhich-menu-wrapper .selection-wrapper .amount-done .amount-done-wrapper .addtoCart {
  font: bold 14px/22px "Oswald", sans-serif;
  float: right;
  border: 1px solid #dab37f;
  text-transform: uppercase;
  color: #dab37f;
  width: 148px;
  text-align: center;
  padding: 4px 0px 4px;
  margin: 2px 0px 0 0;
}
.saved-creditcards-wrapper .apply-filter {
  border: 1px solid #dab37f;
  float: left;
  font: bold 16px "Oswald";
  padding: 15px 0 15px;
  text-align: center;
  text-transform: uppercase;
  width: 96%;
  color: #dab37f;
  margin-top: 20px;
  background-color: #342920;
}

.border {
  display: inline-block;
  border-bottom: solid 1px #dab37f;
  width: 96%;
}

.cancel-button {
  font: normal 12px "Oswald";
  text-decoration: underline;
  display: block;
  margin: 20px auto;
  width: 14%;
  color: #dab37f;
}
.cancel-button:hover {
  text-decoration: none;
}

.cancel-wrapper {
  float: left;
  width: 100%;
}

.list-options {
  color: #d0ab79;
  float: left;
  background-color: #342920;
  border: 1px solid #d0ab79;
  width: 100%;
  height: 155px;
  overflow-y: scroll;
}
.list-options label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  font: 16px "Oswald", sans-serif;
  color: #dab37f;
  margin: 7px 0;
  text-transform: uppercase;
}
.list-options label:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 21px;
  position: absolute;
  left: 7px;
  top: -4px;
  bottom: 1px;
  background: url(../images/sandwich-checkbox2-bg.png) no-repeat;
}
.list-options input[type=checkbox] {
  display: none;
}
.list-options input[type=checkbox]:checked + label:before {
  background: url(../images/sandwich-checkbox2-bg.png) 0 -22px no-repeat;
  color: #d0ab79;
  text-align: center;
  line-height: 15px;
}

/*Scroll bar*/
/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/
.mCustomScrollbar {
  -ms-touch-action: none;
  touch-action: none;
  /* MSPointer events - direct all pointer events to js */
}

.mCustomScrollbar.mCS_no_scrollbar {
  -ms-touch-action: auto;
  touch-action: auto;
}

.mCustomScrollBox {
  /* contains plugin's markup */
  position: relative;
  overflow: hidden;
  height: 100%;
  max-width: 100%;
  outline: none;
  direction: ltr;
}

.mCSB_container {
  /* contains the original content */
  overflow: hidden;
  width: auto;
  height: auto;
}

/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/
.mCSB_inside > .mCSB_container {
  margin-right: 30px;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 0;
}

/* non-visible scrollbar */
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
  /* RTL direction/left-side scrollbar */
  margin-right: 0;
  margin-left: 30px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-left: 0;
}

.mCSB_scrollTools {
  /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
  position: absolute;
  width: 16px;
  height: auto;
  left: auto;
  top: 0;
  right: 0;
  bottom: 0;
}

.mCSB_outside + .mCSB_scrollTools {
  right: -26px;
}

/* scrollbar position: outside */
.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
}
.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
  /* RTL direction/left-side scrollbar */
  right: auto;
  left: 0;
  left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
  /* contains the draggable element and dragger rail markup */
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: auto;
}
.mCSB_scrollTools a + .mCSB_draggerContainer {
  margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
  width: 2px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
}

.mCSB_scrollTools .mCSB_dragger {
  /* the draggable element */
  cursor: pointer;
  width: 100%;
  height: 30px;
  /* minimum dragger height */
  z-index: 1;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  /* the dragger element */
  position: relative;
  width: 8px;
  height: 100%;
  margin: 0 auto;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
  width: 12px;
  /* auto-expanded scrollbar */
}
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
  width: 8px;
  /* auto-expanded scrollbar */
}

.mCSB_scrollTools .mCSB_buttonUp {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
}
.mCSB_scrollTools .mCSB_buttonDown {
  display: block;
  position: absolute;
  height: 20px;
  width: 100%;
  overflow: hidden;
  margin: 0 auto;
  cursor: pointer;
  bottom: 0;
}

/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/
/* 
----------------------------------------
6.1 THEMES 
----------------------------------------
*/
/* default theme ("light") */
.mCSB_scrollTools {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 0;
  filter: "alpha(opacity=0)";
  -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools {
  opacity: 1;
  filter: "alpha(opacity=100)";
  -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff;
  background-color: #41342b;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background-color: #41342b;
  filter: "alpha(opacity=85)";
  -ms-filter: "alpha(opacity=85)";
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
  background-color: #41342b;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}
.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight {
  background-image: url(mCSB_buttons.png);
  /* css sprites */
  background-repeat: no-repeat;
  opacity: 0.4;
  filter: "alpha(opacity=40)";
  -ms-filter: "alpha(opacity=40)";
}
.mCSB_scrollTools .mCSB_buttonUp {
  background-position: 0 0;
}
.mCSB_scrollTools .mCSB_buttonDown {
  background-position: 0 -20px;
}
.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: 0 -40px;
}
.mCSB_scrollTools .mCSB_buttonRight {
  background-position: 0 -56px;
}
.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover {
  opacity: 0.75;
  filter: "alpha(opacity=75)";
  -ms-filter: "alpha(opacity=75)";
}
.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active {
  opacity: 0.9;
  filter: "alpha(opacity=90)";
  -ms-filter: "alpha(opacity=90)";
}

/* theme: "3d-thick-dark" */
.mCS-3d-thick-dark.mCSB_scrollTools {
  box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
  background-color: #fff;
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: transparent;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
  background-position: -112px -72px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
  background-position: -112px -92px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
  background-position: -120px -112px;
}
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
  background-position: -120px -128px;
}

/* ---------------------------------------- */
/* theme: "minimal", "minimal-dark" */
.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical {
  right: 0;
  margin: 12px 0;
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}
.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
  bottom: 0;
  margin: 0 12px;
}

/* Custom scroll end*/
.apply-discount-code {
  float: none;
  position: relative;
  top: 15px;
}
.apply-discount-code a {
  text-decoration: underline;
  color: #342920;
  font: 12px "Oswald", sans-serif;
  text-transform: uppercase;
}

.tax-wrapper {
  width: 43%;
  float: left;
}

.tax-total-wrapper {
  float: right;
  width: 50%;
}

.close-button-new {
  background: url("../images/close-popup.png");
  background-repeat: no-repeat;
  width: 29px;
  height: 30px;
  position: absolute;
  top: 0;
  right: 12px;
  text-indent: -9999px;
  z-index: 9999;
}

.wrapper-dropdown-tip {
  position: relative;
  width: 94px;
  padding: 4px;
  left: 24px;
  height: 22px;
  top: 0px;
  border: 1px solid #342920;
  cursor: pointer;
  outline: medium none;
  font: bold 16px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #342920;
}
@media screen and (min-width: 320px) and (max-width: 479px) {
  .wrapper-dropdown-tip {
    left: 24px;
  }
}

.tip-wrapper {
  width: 98%;
  float: left;
  position: absolute;
  top: 3px;
  left: 3px;
}
.tip-wrapper select {
  width: 105%;
  height: 25px;
  font: 700 16px "Oswald";
  padding: 0 0 0 5px;
  background: url("../images/select-box-arrow.png") no-repeat 75px center;
  border: medium none;
  margin-left: -5px;
  color: #342920;
}

.ui-datepicker, #ui-datepicker-div {
  width: auto;
}

.sandwhich-banner .image-holder {
  position: absolute;
  width: 100%;
  height: 100%;
}

.ajaxContent .sub-value {
  display: none;
}

.selection-wrapper ul.cheese-select-wrapper li .sub-value a.left {
  background: url("../images/left-arrow.png") no-repeat !important;
}

.selection-wrapper ul.cheese-select-wrapper li .sub-value a.left-hover {
  background: url("../images/left-arrow-hover.png") no-repeat !important;
}

.selection-wrapper ul.cheese-select-wrapper li .sub-value a.right {
  background: url("../images/right-arrow.png") no-repeat !important;
}

.selection-wrapper ul.cheese-select-wrapper li .sub-value a.right-hover {
  background: url("../images/right-arrow-hover.png") no-repeat !important;
}

.create-sandwhich-menu-wrapper .create-sandwhich-menu .sandwhich-menu li:first-child {
  text-align: left;
  width: 25%;
}

.create-sandwhich-menu-wrapper .create-sandwhich-menu .sandwhich-menu li:nth-child(2) {
  text-align: center;
  width: 50%;
}

.create-sandwhich-menu-wrapper .create-sandwhich-menu .sandwhich-menu li:last-child {
  text-align: right;
  width: 25%;
}

.create-li-heading > a {
  position: relative;
  right: -50%;
}

.create-li-heading {
  
  height: 35px;
}

.finalizeScreen {
  display: none;
}


tbody > tr > .qty {
  left: 0px;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 20%;
}

.sandwich .container .sandwich-wrapper ul li p {
  text-align: left;
  color: #352822;
  margin-top: 3px;
  font-weight: 600;
}

.slicknav_nav li:first-child .button-wrapper {
  color: #dab37f;
  font: bold 11px "Open Sans";
  padding-left: 10px;
}
.create-sandwhich-menu .finalize-wrapper .sandwich_gallery_filter{
  margin-right: 25px !important;
}
.create-sandwhich-menu .finalize-wrapper .filter {
  float: right;
  margin-right: 142px;
  margin-top: 1px;
  width: 84px;
  padding: 4px 0 4px;
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .create-sandwhich-menu .finalize-wrapper .filter {
    margin-right: 171px;
  }
  .create-sandwhich-menu .finalize-wrapper .sandwich_gallery_filter {
  margin-right: 25px !important;
}
}

.check-out .total p:first-child {
  margin-right: -1px;
}

.summary_details li h4 {
  font: bold 18px "Oswald", sans-serif;
  color: #d0ab79;
  float: left;
  width: 100%;
  text-decoration: underline;
}

.summary_details li h4 span {
  text-decoration: none;
  float: right;
  margin-right: 20px;
}

.summary_details li p {
  font: bold 12px "Open Sans", sans-serif;
  width: 100%;
  color: #d0ab79;
}

.summary_details li {
  margin-bottom: 10px;
  margin-left: 18px;
}

.summary_details {
  margin-top: 48px;
}

.amount-done .amount-done-wrapper .back-button {
  top: 0px;
  left: -79px;
  padding: 4px 2px !important;
  position: relative;
  float: right;
}

.amount-done .amount-done-wrapper .next-button, .amount-done .amount-done-wrapper .order-datails-wrap .confirm-top-section .c-home, .order-datails-wrap .confirm-top-section .amount-done .amount-done-wrapper .c-home {
  top: 0px;
  right: -58px;
  padding: 4px 2px !important;
  position: relative;
  float: right;
}

@media screen and (min-width: 375px) and (max-width: 376px) {
  .sandwich-menu {
    position: absolute;
    bottom: 0px;
  }
  .banner {
      padding-bottom: 23px;
    }
    .sa-delivery {
    background: #6F5A45;
    padding: 15px 0;
    text-align: center;
    float: left;
    width: 100%;
  }
  .sa-delivery p {
    font: 700 12px "Open Sans";
      text-transform: uppercase;
  }
}

.sandwich-menu {
    position: absolute;
    bottom: 0px;
}

#discount_code {
  padding: 5px;
  color: #342920;
}

h3.no_order_history {
  background-color: #342920;
  color: #dab37f;
  font: 26px "lobster_1.4regular";
  padding: 3px 0;
  margin: 5px 0;
  text-align: center;
}

.check-out-left ul li h3 {
  color: #342920;
  font: bold 14px "lobster_1.4regular",sans-serif;
  text-align: center;
  margin-top: 10px;
  letter-spacing: 0px;
}

div.facebook-likes {
  width: 100px;
  float: right;
}

div.facebook-likes div.fb_iframe_widget > span {
  width: 76px !important;
  height: 20px !important;
}

div.facebook-likes div.fb_iframe_widget span > iframe {
  visibility: visible !important;
}

.page-not-found {
  color: #342920;
  font: bold 21px/24px "Oswald";
  text-transform: uppercase;
  letter-spacing: 1px;
  clear: both;
  padding-top: 120px;
  text-align: center;
}

.js .slicknav_menu {
  display: none;
}

.pagelogo {
  height: 100%;
  position: relative;
}
.pagelogo img {
  left: 50%;
  margin-left: -98px;
  margin-top: -43px;
  position: absolute;
  top: 50%;
}
.pagelogo .spin-star img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 60px;
  margin-left: -20px;
}

.loadMoreGallery img {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.loadMoreGallery {
  display: none;
  clear: both;
  padding-bottom: 20px;
  padding-top: 0;
}

@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
div.addresslist {
  max-height: 400px;

  width: 300px;
}

div.popup-scroll-wrapper {
  max-height: 450px;
  overflow-y: scroll;
  width: 300px;
}

.order-datails-wrap {
  padding: 0 10px;
  box-sizing: border-box;
  color: #342920;
  font: bold 11px/1 "Open Sans";
  margin: 15px 0;
}
.order-datails-wrap .confirm-top-section {
  margin-bottom: 15px;

}
.order-datails-wrap .confirm-top-section:before, .order-datails-wrap .confirm-top-section:after {
  content: " ";
  display: table;
}
.order-datails-wrap .confirm-top-section:after {
  clear: both;
}
.order-datails-wrap .confirm-top-section .c-home {
  border: 0;
  top: 70px;
}
.order-datails-wrap .confirm-top-section .c-home::after {
  left: 60px;
  top: 13px;
}
.order-datails-wrap .confirm-top-section .c-home::before {
  display: none;
}
.order-datails-wrap * {
  box-sizing: border-box;
}
.order-datails-wrap .row:before, .order-datails-wrap .row:after {
  content: " ";
  display: table;
}
.order-datails-wrap .row:after {
  clear: both;
}
.order-datails-wrap h2 {
  font: bold 19px/26px "Oswald", sans-serif;
  color: #342920;
  margin: 0;
  text-transform: uppercase;
}
.order-datails-wrap h4 {
  font: bold 38px/1 "Oswald", sans-serif;
  margin-top: 3px;
}
.order-datails-wrap .good-to-go {
  font: normal 16px "lobster_1.4regular", sans-serif;
  margin-bottom: 15px;
}
.order-datails-wrap .label {
  font: bold 12px "open_sansextrabold", sans-serif;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  margin-top: 15px;
}
.order-datails-wrap .left-section, .order-datails-wrap .right-section {
  float: left;
  width: 48%;
}
.order-datails-wrap .right-section {
  float: right;
}
.order-datails-wrap .right-section h4 {
  font-size: 16px;
}

.table_checkout_confirm th {
  text-align: left;
}

.table_checkout_confirm th:first-child {
  width: 85%;
}

.table_checkout_confirm .qty, .table_checkout_confirm .price {
  text-align: center;
}

.ui-datepicker-calendar th, td {
  width: 14%;
}

#ui-datepicker-div .ui-icon-circle-triangle-e, #ui-datepicker-div .ui-icon-circle-triangle-w {
  background-size: 14px 20px !important;
}

.order-c td {
  font: bold 11px/12px "Open Sans";
  text-transform: capitalize;
  vertical-align: top;
  padding: 7px 10px 10px;
}
.order-c td span {
  font: bold 12px/1 "open_sansextrabold", sans-serif;
  letter-spacing: -0.5px;
  text-transform: uppercase;
  display: inline-block;
  margin: 3px 0;
}
.order-c .text-right {
  text-align: right;
}
.order-c tr.bottom {
  border: 0 !important;
}
.order-c tr.bottom td {
  padding: 0 10px;
  vertical-align: middle;
}
.order-c tr.bottom td .total-text {
  font: normal 17px "lobster_1.4regular", sans-serif;
  text-transform: capitalize;
}

@media screen and (min-width: 0\0) {
  .popup_spinner .text-box {
    margin-top: 6px;
  }
}
@media screen and (min-device-width: 320px) and (max-device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  #add_new_address .summary-details-login .add-new-address .popup-scroll-wrapper {
    max-height: 495px;
  }

  .check-out-left .cart_item_list_wrapper {
    max-height: 166px;
    height: 35%;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper #optionList {
    height: 44%;
  }

  .check-out-left .sales-info {
    bottom: 202px;
  }

  img.banner-login {
    width: 70% !important;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share .save-to-my-menu {
    margin-right: 2px !important;
  }

  .check-out .total p {
    line-height: 1;
  }

  .personal-detail .details-1 {
    padding: 10px;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share {
    margin: 0;
  }
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share a {
    margin: 0 !important;
  }
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final label {
    margin-bottom: 8px;
  }
  .create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation {
    margin-bottom: 1px;
    margin-top: 11%;
  }

  .sandwich-menu ul li .left p {
    font: 8px "Open Sans";
    text-transform: uppercase;
  }

  .sandwich-menu ul li .left h2 {
    font: 20px "lobster_1.4regular";
  }


  .sandwich-menu ul li .left {
    padding: 10px 15px;
  }

  .banner h2 {
    font: normal 25px "lobster_1.4regular";
  }

  .banner-wrapper {
    height: 200px;
  }

  .banner p {
    font: normal 12px/14px "Open Sans";
  }

  .banner a.place-order, .banner .reorder, .banner .place-new-order {
    font: bold 15px "Oswald", sans-serif;
    padding: 3px 27px;
    margin-top: -5px;
    border: solid 1px #342920;
  }

  .banner a.place-order {
    margin-top: 0px;
  }

  .sandwich-menu ul li .right {
    padding: 0 28px 1px 0;
  }

  .sandwich-menu {
    position: absolute;
    bottom: 0;
    overflow: hidden;
  }

  .banner .banner-wrapper img {
 
    margin: 14px auto 3px;
    width: 48%;
  }

  .sandwich-menu ul li .right {
    padding: 10px 22px 1px 0;
    margin-top: 0%;
  }

  .sandwich-popup .summary-details-login {
    overflow-y: scroll;
    overflow-x: hidden;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .create-sandwhich-menu-wrapper .selection-wrapper #optionList {
    height: 100%;
  }

  .banner-wrapper {
    height: 318px;
  }

  .sandwich-menu {
    margin-top: 20px;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2 / 3) and (orientation: portrait) {
  .homebannerauto {
    margin-top: 7px !important;
  }

  .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .remove_menu, .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .add-to-menu {
    margin-right: 5px !important;
  }

  .banner {
    padding-top: 6px !important;
  }

  .sandwich-menu ul li .left p {
    font: 8px "Open Sans";
    text-transform: uppercase;
  }

  .sandwich-menu ul li .left h2 {
    font: 20px "lobster_1.4regular";
  }

  .sandwich-menu ul li .left {
    padding: 2px 11px;
  }

  .banner .banner-wrapper img {
    margin: 20px auto 0 !important;
    width: 40% !important;
  }

  .banner .banner-wrapper .banner-login {
    width: 55% !important;
  }

  .banner-login {
    width: 30% !important;
  }

  .banner h3 {
    font: bold 21px/12px "Oswald", sans-serif;
    margin-bottom: 0px;
  }

  .banner img {
    margin: 0 auto 0;
  }

  .banner h2 {
    font: normal 24px "lobster_1.4regular";
  }

  .banner-wrapper {
    height: 200px;
  }

  .banner p {
    font: normal 12px/14px "Open Sans" !important;
    margin-bottom: 5px;
    margin-top: -4px;
  }

  .banner a.place-order, .banner .reorder, .banner .place-new-order {
    font: bold 15px "Oswald", sans-serif;
    padding: 1px 30px;
    margin-top: -3px;
  }

  .sandwich-menu ul li .right {
    padding: 10px 28px 1px 0;
  }

  .sandwich-menu {
    position: absolute;
    bottom: 0;
    overflow: hidden;
  }

  .banner {
    width: 100%;
    float: left;

    display: table;

    overflow: scroll;
  }

  .sandwich-menu ul li .right {
    padding: 0 22px 1px 0;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper #optionList {
    height: 39%;
  }

  img.banner-login {
    width: 30% !important;
  }
}
.toasted {
  position: absolute;
  right: 12px;
  top: 3px;
  display: none;
  width: auto !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

  .toasted {
    right: -5px !important;
  }
}
.dynamic_updates_fixed {
  background-color: #342920;
  clear: both;
  display: none;
  float: right;
  font: normal 14px "Open Sans",sans-serif,sans-serif;
  height: 28px;
  padding: 10px 2px 19px 12px;
  position: fixed;
  width: 98%;
  z-index: 10;
}
.dynamic_updates_fixed .left-block {
  width: 56%;
  display: inline-block;
}
.dynamic_updates_fixed .left-block p {
  line-height: 16px;
}
.dynamic_updates_fixed .right-block {
  display: inline-block;
  width: 40%;
  position: relative;
  top: 6px;
}
.dynamic_updates_fixed .right-block a {
  border: 1px solid #d0ab79;
  color: #d0ab79;
  float: left;
  font: 15px "Oswald",sans-serif;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  padding: 9px 0px 7px 0px;
}

.toasted {
  position: absolute;
  right: 80px;
  top: 3px;
  width: auto !important;
}

div.menu-block-replace {
  min-height: 46px;
  width: 100%;
}

@media only screen and (max-device-width: 320px) and (max-device-height: 480px) and (orientation: portrait) {
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share {
    width: 92%;
    float: left;
    padding: 0;
    position: fixed;
    bottom: 52px;
  }

  .create-sandwhich-menu-wrapper .sandwhich-banner img {
    width: 65% !important;
    bottom: auto  !important;
  }

  .banner {
    padding-top: 8px;
  }

  .banner .banner-wrapper img {
    margin: 0 auto 0;
    width: 30%;
  }

  .banner h3 {
    font: bold 21px/12px "Oswald", sans-serif;
    margin-bottom: 14px;
  }

  .banner h2 {
    font: normal 18px "lobster_1.4regular";
  }

  .banner img {
    margin: 0 auto 0;
  }

  .banner h2 {
    font: normal 23px "lobster_1.4regular";
  }

  .banner-wrapper {
    height: 200px;
  }

  .banner p {
    font: normal 12px/14px "Open Sans";
  }

  .banner a.place-order, .banner .reorder, .banner .place-new-order {
    font: bold 15px "Oswald", sans-serif;
    padding: 3px 21px;
    margin-top: 0px;
    border: solid 1px #342920;
  }

  .sandwich-menu ul li .right {
    padding: 4px 22px 4px 0;
  }

  .sandwich-menu {
    position: absolute;
    bottom: 0;
  }

  .banner {
    width: 100%;
    float: left;
 
    display: table;

    overflow: scroll;
  }

  .summary-details-add-menu .banner img {
    width: 100%;
  }

  .summary-details-add-menu .banner {
    padding-bottom: 10px;
  }

  .banner .banner-wrapper img {
    margin: 0 auto 0;
    width: 30%;
  }

  .check-out-left .sales-info {
    bottom: 154px;
  }

  .create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation {
    margin-bottom: 0;
  }

  .create-sandwhich-menu-wrapper .create-sandwhich-menu ~ .sandwhich-banner {
    min-height: 115px !important;
  }
  .create-sandwhich-menu-wrapper .create-sandwhich-menu ~ .sandwhich-banner img {
    width: 55%;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final label {
    margin-bottom: 0;
  }
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share {
    margin: 0;
  }
  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share a {
    margin-top: 5px !important;
  }

  .name-your-creation > input {
    font-size: 14px;
    padding: 0;
  }

  .banner-wrapper {
    height: 150px;
  }

  .create-sandwhich-menu-wrapper .homecontent > h1 {
    margin: 15px 7px 11px;
  }

  .personal-detail .details-1 {
    padding: 5px 10px;
  }
  .personal-detail .details-1 .tax h2 {
    font-size: 11px;
  }
  .personal-detail .details-1 .tax h2 span {
    font-size: 7px;
    font-weight: normal;
    margin-top: -1px;
  }
  .personal-detail .details-1 .total h3 {
    padding: 0;
  }

  .check-out-left .cart_item_list_wrapper {
    max-height: 131px;
    height: 27%;
  }

  table td, table th {
    padding: 0 10px;
    font-size: 14px;
  }

  .sandwich .container {
    padding: 8px 10px 0;
  }
  .sandwich .shard-collections {
    padding: 52px 10px 0 !important;
  }

  .profile .friend-button {
    top: 49px;
  }

  .check-out .grand-total {
    padding-top: 8px;
  }

  .break {
    padding-top: 35px;
  }

  .check-out .total p {
    line-height: 1;
  }

  .sandwich-menu ul li .left {
    padding: 2px 11px;
  }

}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (orientation: landscape) {
  .toasted {
    right: 38px !important;
  }

  .sandwich-menu {
    position: relative;
  }
}
@media only screen and (min-width: 320px) and (max-width: 375px) {
  .banner {
    padding-top: 8px;
  }

  .sandwich-popup .summary-details-add-menu .banner {
    padding-bottom: 0px;
  }

  .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart {
    width: 92%;
    margin: 0 10px;
    padding: 10px 0;
  }

  .toastit-wrapper {
    margin-left: 0;
  }

  .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .remove_menu, .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .add-to-menu {
    margin-right: 7px;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper {
    width: 91%;
    margin: 0 14px 40px;
    padding-top: 0;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final input[type=checkbox]:checked + label:before, .toastit-wrapper label::before {
    margin-left: 0;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .checkbox-holder-final label {
    padding-left: 45px;
    width: 88%;
  }
}
.posfix {
  overflow: hidden;
  position: fixed;
}

#product-descriptor .summary-details-add-menu p {
  display: none;
}

#product-descriptor .summary-details-add-menu .amount {
  display: none;
}

#product-descriptor .summary-details-add-menu .popup_spinner {
  display: none;
}

.mobile-popup-filter .filterToggle ul li label {
  width: auto;
}

/*Iphone 6 portrait*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  .check-out-left .sales-info {
    bottom: 216px;
  }

  .create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup .name-your-creation {
    margin-top: 0;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper {
    margin: 0 17px 40px;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share {
    margin-top: 30px;
    bottom: 41px;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper, .create-sandwhich-menu-wrapper .sandwhich-banner .name-your-creation-popup {
    margin-top: 0;
  }

  .create-sandwhich-menu-wrapper .sandwhich-banner img {
    top: 0;
  }

  .add-new-address div.popup-scroll-wrapper {
    max-height: 557px;
  }

  .sandwich-popup .summary-details-login .add-new-address h2 {
    margin: 0 0 2px;
  }

  .sandwich-popup .summary-details-login .add-new-address .text-box-holder p, .sandwich-popup .summary-details-login .add-new-address .text-box-holder1 p {
    margin: 5px 0 2px;
  }

  .banner .banner-wrapper img {
    width: 45%;
  }

  .banner .banner-wrapper .banner-login {
    width: 60%;
  }

  .check-out-left .cart_item_list_wrapper {
    height: 35%;
  }

  .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .remove_menu, .sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu .add-to-menu {
    margin-right: 11px;
  }
}
@media screen and (min-width: 374px) and (max-width: 416px) {
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-cart {
    width: 95%;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .check-out-left .sales-info, .create-sandwhich-menu-wrapper .selection-wrapper .amount-done {
    position: fixed;
    bottom: 0;
  }

  .check-out-left .sales-info, .create-sandwhich-menu-wrapper .selection-wrapper .amount-done-checkout {
    position: relative !important;
    bottom: 0;
  }

  .check-out-left .cart_item_list_wrapper {
    position: relative;
  }

  .create-sandwhich-menu-wrapper .selection-wrapper .toastit-wrapper .save-button-share {
    width: 100%;
    position: relative;
    bottom: 0;
  }
}
.no-border {
  border: 0px !important;
  min-height: 32px;
}

.homebannerauto {
  height: 133px;

  margin-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 17px;
  width: 59%;
}
@media screen and (min-width: 370px) and (max-width: 378px) {
  .homebannerauto {
    height: 148px;
  }
}
@media screen and (min-width: 380px) and (max-width: 480px) {
  .homebannerauto {
    height: 160px;
  }
}
@media screen and (min-width: 481px) and (max-width: 550px) {
  .homebannerauto {
    height: 185px;
  }
}
@media screen and (min-width: 551px) and (max-width: 600px) {
  .homebannerauto {
    height: 220px;
  }
}
@media screen and (min-width: 601px) and (max-width: 770px) {
  .homebannerauto {
    height: 250px;
  }
}

.homepageAutoBanner img {
  display: none;
  position: absolute;
  width: 59% !important;
}

@media only screen and (max-device-height: 480px) and (max-device-width: 320px) and (orientation: portrait) {
  .banner .banner-wrapper .homebannerauto .homepageAutoBanner img {
    margin: 0 auto 0;
    width: 59% !important;
  }
}
.table_checkout_confirm .bottom .text-right {
  padding: 0 7px;
  min-width: 57px;
}

.sharefbloader {
  display: none;
}

/*Iphone 6 Screen */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {
  table.cart_list_items {
    margin-bottom: 0;
  }
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation: landscape) {
  table.cart_list_items {
    margin-bottom: 0;
  }
}
.inputbox-disable-overlay {

  position: absolute;
  z-index: 1;
}

.inputbox-disable-overlay-position {
  position: relative;
}

.gallery-input-disable {
  width: 38px;
  left: 15px;
  height: 32px;
}

.checkout-input-disable {
  height: 32px;
  left: 20px;
  width: 25px;
}

.calendar-input-disable {
  height: 45px;
  left: 0;
  width: 260px;
}

.homepageloader{
  width: 100%;

    text-align: center;
    position: absolute;
    top: 22%;
    z-index: 10;
}

.homepageloader .homeAnimationLoaderImg {
  width:32px !important;
  height:32px !important;
    z-index: 10;
    margin:0 auto;
}
.summary-details-friends-menu .sandwich-menu ul li  .back-to-menu {
    border: 1px solid #d0ab79;
    color: #d0ab79;
    float: left;
    font: 15px "Oswald",sans-serif;
    margin: 28px auto 18px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-align: center;
    width: 150px;
    background-color: #33291f;
}

.summary-details-friends-menu .sandwich-menu ul li {
    font: normal 18px/22px "Oswald";
  border-bottom: none;
}

a.remove-card {
    position: relative;
    right: -69px;
    top: -52px;
    font: 600 11px open sans;
    text-transform: uppercase;
    text-decoration: underline;
}

*, div {
  -webkit-tap-highlight-color: transparent !important;
}

 #address_list .select-address-button{
    background: url("../images/select-button-bg.png");
    background-repeat: no-repeat;
    width: 78px;
    height: 36px;
    border: none;
  color:transparent;
}
#address_list .select-address-button:before, #address_list .select-address-button:after{
    border: none;
    border-left-color:transparent;
}
.scrollDisabled {   
    position: fixed;
    margin-top: 0;
    width: 100%;
  overflow:hidden;
}
.create-sandwhich-menu-wrapper .selection-wrapper .amount-done .amount-done-wrapper .done.disabled{
  opacity:0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

table.cart_list_items tr.cart_item_list td.cart-item-name{ text-decoration: underline; }
.contact-wrapper .delivery-time-map h2 {
    color: #342920;
    font: bold 17px/24px "Oswald";
    letter-spacing: 0;
    text-transform: uppercase;
    margin-bottom: 9px;
}
.delivery-time-map-image{
    width: 60%;
    margin: 0 auto;
  margin-top: 19px;
}
.delivery-time-map-image img {
    width: 100%;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
}
.visibilityHide{visibility:hidden;}

#warningcheckout .added-menu-sandwiches-inner {
  width: 520px;
  padding:60px;
}
.added-good-news {
  display: table;
  height:356px; 
  width: 517px;
}
.added-good-news-msg {
  display: table-cell;
  vertical-align: middle;
}
#warningcheckout .added-menu-sandwiches-inner .title-holder h1 {
  font: 28px "lobster_1.4regular";
}
#warningcheckout .added-menu-sandwiches-inner .title2-holder p {
  width:100%;
  font: normal 16px "Open Sans", sans-serif;
  line-height: 18px;
}
#warningcheckout .title-holder h1 {
   text-transform: capitalize; 
}
#warningcheckout .added-menu-sandwiches-inner .title-holder h1:after {
  display: none;
}
.check-out p.est-delivery-time {
  float: right;
}
.personal-detail .details-1 .tax h2 span.specificmessage {
    font-size: 13px;
    font-weight: bold;
}
.disabled_login{
  pointer-events: none;
    cursor: default;
    opacity: .5;
}


.summary-details-friends-menu .sandwich-menu ul.frndpopcont p {
    font: normal 24px/34px "Oswald";
    text-align: center;
    max-width: 96%;
    margin: 0 auto;
    margin-top: 49%;
}
#frnDpopmenuz {
  overflow-y:scroll;
}
a#forgot_btn.disabled {
    pointer-events: none;
    cursor: default;
}
/* new css */
.sandwich_sub__menus .slicknav_item {
  padding: 5px 0 5px 44px;
  margin: 0;
}

.sandwich_sub__menus .slicknav_item a,
.sandwich_sub__menus a:hover {
  background: none;
}

.sandwich_sub__menus .slicknav_item .slicknav_arrow {
  display: none;
}

.sandwich_sub__menus .slicknav_row:hover {
  background: #41342b;
  color: #dab37f;
  background: url(../images/menu-star.png) no-repeat 9px center;
}

.sandwich_sub__menus ul li a {
  background: none;
  font: 300 16px "Oswald";
  text-transform: uppercase;
}

.sandwich_sub__menus ul li a:focus {
  font: bold 16px "Oswald";
  outline-color: #E59700 !important;
}

.sandwich_sub__menus ul,
.sandwich_sub__menus ul li {
  border-bottom: none;
}

.slicknav_nav .logged-name:first-child .button-wrapper {
  font: bold 13px "Open Sans";
}

.logged-name .button-wrapper .signout-account {
  background: transparent;
  border: none;
  float: right;
  font: bold 14px "open sans";
  margin: 0 32px 0 0;
  padding: 4px 10px;
  text-transform: uppercase;
  width: auto;
}

.logged-name .create-acount-wrapper .create-account {
  background: #342920 none repeat scroll 0 0;
  border: 1px solid #dab37f;
  font: bold 16px "Oswald";
  margin: 0 0 0px 10px;
  padding: 6px 16px;
  text-transform: uppercase;
  width: auto;
  text-decoration: none;
}

.logged-name .create-acount-wrapper {
  margin: 6px 0 12px 0;
}

/* For mobile navigation End*/

/* For mobile sandwiches page */
.new_sandwich_mobile .container .sandwich-wrapper h3 {
  font: normal 22px "lobster_1.4regular";
  line-height: 32px;
  position: relative;
  margin-bottom: 10px;
}
@media (max-width: 376px) {
.new_sandwich_mobile .container .sandwich-wrapper h3 {
  font: normal 18px "lobster_1.4regular";
  line-height: 32px;
  }
}

.new_sandwich_mobile .container .sandwich-wrapper ul li img {
  width: 100%;
  max-width: 185px;
}

.vertical-aligned {
  display: flex;
  align-items: center;
}

.right-a .create_own__sandwich {
  font: normal 30px "Oswald", sans-serif;
  margin: auto;
  padding-top: 14px;
}

.get-started__new {
  display: table;
  background-color: #342920;
  color: #dab37f;
  font: bold 18px "Oswald", sans-serif;
  padding: 5px 27px;
  text-transform: uppercase;
  margin: 0;
}

.new_sandwich_mobile .right-rgt {
  height: auto;
}

.vertical-aligned span {
  margin: auto;

}

.new_sandwich_mobile .container .sandwich-wrapper ul li .shared-sandwich__head p {
  font: normal 48px "Oswald", sans-serif;
}

.right-a .shared-sandwich__head {
  font: normal 23px "lobster_1.4regular";
  margin: auto;
  padding-bottom: 10px;
  text-transform: capitalize;

}

.view-all-new {
  float: right;
  text-align: center;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 28px;
  position: absolute;
  top: 0;
  width: 62px;
}

.view-all-new img {
  margin-top: 4px;
  width: 100%;
  position: relative;
  height: 100%;
}

.view-all-new h2 {
  position: absolute;
  top: 24%;
  left: -2px;
  bottom: 0;
  right: 0;
  color: #DAB37F;
  font: 700 12px "Oswald", sans-serif;
  text-transform: uppercase;
  width: 100%;
}

.save-sandwich--wrap {
  display: flex;
  margin-bottom: 15px;
}

.save-sand--img {
  width: 36%;
  display: flex;
  position: relative;
}

.new_sandwich_mobile .container {
  float: none;
  padding: 10px 10px 0;
}

.save-sand--img img {
  width: 100%;
  max-width: 210px;
}

.save-sand--content {
  width: 60%;
padding: 0px 0px 0px 5px;
  position: relative;
}

.add-new {
  width: 20%;
}

.save-sand--content h2 {
  font: bold 18px 'oswald';
  text-transform: uppercase;
  color: #342920;
  position: relative;
  overflow: hidden;
}

.save-sand--content h2:after {
  content: "\00a0";
  border-bottom: solid 2px #342920;
  position: absolute;
  width: 100%;
  margin-left: 3px;
  height: 1px;
  bottom: 6px;
}

.save-sand--content p {
  font: 700 12px/14px "Open Sans";
  color: #342920;
}

.no-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  max-width: 90px;
}

.no-item span {
  font: bold 21px 'oswald';
  color: #342920;
  padding: 0px 8px;
}

.no-item .right {
  background: url(../images/no-item--right-arrow.png) no-repeat;
  width: 20px;
  background-size: contain;
  background-position: center;
}

.no-item .left {
  background: url(../images/no-item--left-arrow.png) no-repeat;
  width: 20px;
  background-size: contain;
  background-position: center;

}

.saved-add-cart {
  font: 700 15px "Oswald", sans-serif;
  text-transform: uppercase;
  background-color: #342920;
  color: #d0ab79;
  padding: 5px 7px 5px 7px;
  display: flex;
  align-items: center;
}

.saved-add-cart img {
  width: 42%;
  float: left;
}

.saved-add-cartwrap {
  max-width: 90px;
  margin-left: auto;
  width: 100%;
  margin-top: 5px;
  float: right;
}

.saved-sand--price {
  font: bold 18px 'oswald';
  color: #342920;
  margin-bottom: 15px;
  display: block;
}

.saved-item-btns a {
  width: 100%;
  text-align: center;
  font: 700 14px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #342920;
  border: solid 2px #342920;
  padding: 2px 12px;
  border-radius: 2px;
  margin-right: 5px;
  letter-spacing: 0.2px;
  width: 54px;
}

.saved-item-btns .saved {
  background-color: #342920;
  color: #dab37f;
}

.saved-item-btns {
  display: flex;
  align-items: center;
  max-width: 195px;
}

.sandwich-new-wrapp {
  margin-bottom: 10px;
}

.saved-item-btns img {
  width: 20px;
}

.viewall-saved-sandwiches {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
}

.viewall-saved-sandwiches img {
  width: 47%
}

.viewall-saved-sandwiches span {
  position: absolute;
  left: 24px;
  font: 700 16px/30px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #342920;
}

.fb-left-head {
  width: 23px;
  position: absolute;
  left: 6px;
  bottom: 3px;
  height: 25px;
}

.fb-left-head img {
  width: 100%;
}

.friends-sandwich {
  display: flex;
  align-items: center;
}

.friends-dp {
  width: 20%;
  text-align: center;
}

.friends-dp img {
  width: 100%;
  max-width: 65px;
}

.friend-name {
  width: 60%;
  padding: 0 5px;
}

.friend-name h2 {
  font: bold 21px 'oswald';
  color: #342920;
  position: relative;
  overflow: hidden;
  text-transform: uppercase;
}

.friend-name h2:after {
  content: "\00a0";
  border-bottom: solid 2px #342920;
  position: absolute;
  width: 100%;
  margin-left: 3px;
  height: 1px;
  bottom: 6px;
}

.friend-name p {
  font: 500 16px 'oswald';
  color: #342920;
}

.friends-all p {
  font: bold 16px 'oswald';

}

.friends-view-wrap {
  width: 20%;
  text-align: right;
}

.friends-share{
  margin-left: 15px;
}
.friends-share p{
  font: 600 18px/22px "Oswald", sans-serif !important;
    color: #332820 !important;
    text-transform: uppercase;
    letter-spacing: -0.7px;
    max-width: 215px;
    margin-bottom: 10px
}

.friends-view--btn .freinds-view {
  color: #d4b385;
  font: bold 18px 'oswald';
  background: #342920;
  padding: 6px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}

.friends-sandwich--block {
  margin-top: 18px;
}

.friends-sandwich {
  margin-bottom: 10px;
}

.no-saved-sandwich h1 {
  font: 500 36px/38px "Oswald", sans-serif;
  color: #342920;
  margin-bottom: 10px;
}

.no-saved-sandwich p,
.blank-bottom p {
  font: 500 12px "Oswald", sans-serif;
  color: #342920;
}

.blank-bottom p {
  padding-left: 10px;
  margin-bottom: 10px;
}

.bottom-blank {
  margin-bottom: 30px;
}

.back_new {
  width: 60px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 24px;
  left: 8px;
}

.back_new img {
  width: 100%;
  height: 100%;
  left: 0;
}

.back_new b {
  position: absolute;
  left: 6px;
  right: 0;
  margin: auto;
  top: -2px;
  bottom: 0;
  font: 600 14px/28px 'oswald';
  color: #d0a771;
  text-transform: uppercase;
}

.friends-sandwiches-all {
  margin-bottom: 0;
  margin-top: 0;
}

.friends-sandwiches-all .friends-sandwich {
  margin-bottom: 0;
}

.seperate-friend h2:after {
  display: none;
}

.seperate-friend {
  margin-top: 0;
}

.seperate-friend .friends-sandwich .friend-name {
  padding: 0 15px;
}

.no-items .popup_spinner {
  float: right;
  margin-left: auto;
}


.no-items .cart-items a.rightSpinner {
  background: transparent url(../images/no-item--right-arrow.png) no-repeat scroll left top;
}
.new_sandwich_mobile .container .sandwich-wrapper .cart-items {
  background-color: transparent;
}

.no-items .cart-items .text-box {
  color: #342920;
}
.sandwiches_search{
  border: 2px solid #312921;
  width: 60%;
  padding-left: 36px;
  background: url(../images/search_img.png) no-repeat 7px center #d4b486;
  height: 32px;
  font: bold 12px "Open Sans", sans-serif;
  color: #1e1612;
  margin-left: 10px;
  float: left;
  background-size: 22px;
}

@media screen and (max-width: 480px) and (min-width: 437px) {
  .right-a .create_own__sandwich {
    margin-top: 0;
  }
}

@media screen and (max-width: 475px) {
  .no-item {
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  .new_sandwich_mobile .right-rgt {
    height: 180px;
  }

  .get-started__new {
    padding: 5px 22px;
  }
}

/* For mobile sandwiches page End*/

/* new styles 9-10-2019 */


/* style for quick edit popup */
.edit_sandwich-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #1e1613;
  z-index: 999999;
  top: 0;
}

.quick__edit-sandwich {
  padding: 30px;
}

.quick__edit-sandwich h2 {
  font: 600 24px/24px "Oswald", sans-serif;
  margin-bottom: 19px;
  text-transform: uppercase;
}

.edit-wrap-input label {
  font: 700 14px/16px "open sans";
  padding-left: 0;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-left: 5px;
}

.edit-wrap-input input {
  background: #c1aa8a;
  border: 1px solid #c1aa8a;
  width: 100%;
  height: 42px;
  color: #1e1712;
  font: bold 18px/20px "Oswald", sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding-left: 14px;
  box-sizing: border-box;
}


.edit-wrap-input label::before {
  display: none;
}

.edit-wrap-input select {
  width: 100%;
  height: 42px;
  border: 1px solid #dab073;
  background: transparent url(../images/dropdown-arrow.png) no-repeat center right 10px;
  padding: 0 15px;
  font: 600 14px 'Open Sans';
  color: #d5b584;
}

.spiner-edit--wrapper label {
  font: 700 14px/16px "open sans";
  padding-left: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-left: 5px;
  box-sizing: border-box;

}

.new_spiner-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 30px;
  margin-bottom: 5px;
}

.new_spiner-edit p {
  font: 600 13px 'Open Sans';
}

.spiner-edit--wrapper label:before {
  display: none;
}

.new_spiner-edit .popup_spinner {
  width: 152px;
  margin-left: 0;
}

.new_spiner-edit .popup_spinner .text-box {
  font: 600 11px 'Open Sans';
  width: 110px;
}

.new_spiner-edit .cart-items a.right_spinner, #sandwiches_quick_edit a.right_spin{
  background: transparent url(../images/popup-spiner-right.png) no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  width: 15px;
  margin-top: 0;
  background-size: 15px 23px;
}
.new_spiner-edit .cart-items a.rightSpinner {
  background: transparent url(../images/popup-spiner-right.png) no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  width: 15px;
  margin-top: 0;
  background-size: 15px 23px;
}

.new_spiner-edit .cart-items a.left_spinner, #sandwiches_quick_edit a.left_spin {
  background: transparent url(../images/popup-spiner-left.png) no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  margin-top: 0;
  width: 16px;
  background-size: 15px 23px;
}
.new_spiner-edit .cart-items a.leftSpinner {
  background: transparent url(../images/popup-spiner-left.png) no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  margin-top: 0;
  width: 16px;
  background-size: 15px 23px;
}
.add-item--more {
  margin-top: 20px;
  float: left;
}
.add-item--more a {
  background: #342920;
    font: bold 14px "Oswald", sans-serif;
    text-transform: uppercase;
    color: #dbb47b;
    border: 1px solid #dab073;
    max-width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 3px 10px;
    min-width: 117px;
    float: left;
    margin-left: 8px;
    text-align: center;
}
.quick__edit-sandwich form {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 100px;
}
.new-popup-bottom-fixed {
  bottom: 0;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid;
  padding: 10px 30px;
  background-color: #1e1613;
}
.new-popup-bottom-fixed h2 {
  font: bold 18px "Oswald", sans-serif;
  float: left;
  width: initial;
  margin-right: 10px;
  padding-left: 0;
}
.new-popup-bottom-fixed .add-to-cart{
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 0 3px;
  padding: 4px 0;
  text-align: center;
  width: 115px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.quick__edit-sandwich {
  float: left;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow: scroll;
}
.add-item--spiner--single {
  padding-left: 0;
}
.add-item__single {
  margin-top: 70px;
}
.add-item__single .edit-wrap-input {
  margin-bottom: 20px;
}
@media screen and (max-width: 400px) { 
  .new_spiner-edit {
    padding-left: 0;
    }
    .new_spiner-edit div {
      width: 54%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
}
@media screen and (max-width: 375px) { 
  .quick__edit-sandwich {
    padding: 10px;
}

.new_spiner-edit .popup_spinner {
  width: 143px;
}

}
@media screen and (max-width: 374px) { 
  .new-popup-bottom-fixed {
    padding: 10px 4px;
  }
}
/* style for quick edit popup */

/* salad popup styles */
.salad_item_image {
  text-align: center;
  margin-bottom: 15px;
}
.salad_item_image img {
  width: 50%;
  max-width: 180px;
}
.salad_item__desc h4 {
  font: 600 24px/24px "Oswald", sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.salad_item__desc p {
  font: 600 11px 'Open sans';
  margin-bottom: 18px;
}
.salad_item__options a {
  font: 600 13px 'Open sans';
    color: #dab37f;
    display: block;
    margin-bottom: 10px;
}
.salad-options input[type=checkbox] {
  display: none;
}
.salad-options label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  font: normal 11px "Oswald", sans-serif;
  color: #dab37f;
  margin: 7px 0;
  text-transform: uppercase;
}
.salad-options label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  background: url(../images/sandwich-checkbox2-bg.png) no-repeat;
  background-size: cover;
}
label::before {
  background: url(../images/sandwich-radio-bg.png) no-repeat scroll 0 0 transparent;
  bottom: 1px;
  content: "";
  display: inline-block;
  height: 23px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 23px;
}
.salad-options input[type=checkbox]:checked+label:before {
  background: url(../images/sandwich-checkbox2-bg.png) 0 -19px no-repeat;
  color: #d0ab79;
  text-align: center;
  line-height: 15px;
  background-size: cover;
}
.salad-options .salad-option-chck {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.salad-options .salad-checkbox {
  margin-bottom: 12px;
  width: 50%;
}
.salad-options label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font: normal 11px/18px "Open Sans", sans-serif;
  margin: 0;
  text-transform: capitalize;
  box-sizing: border-box;
}
.special-instructions-text textarea {
  background: #c1aa8a;
    border: 1px solid #c1aa8a;
    width: 100%;
    height: 56px;
    color: #1e1712;
    font: 600 14px/20px "open sans", sans-serif;
    padding-left: 14px;
    box-sizing: border-box;
}
.salad-add-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.salad-add {
  background-color: #342920;
  color: #d0ab79;
  display: flex;
  align-items: center;
  justify-content: center;
  font: bold 14px "Oswald", sans-serif;
  margin-left: 15px;
  padding: 4px 0;
  text-align: center;
  width: 76px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.salad-add img {
  width: 100%;
    margin-right: 5px;
    max-width: 20px;
}
/* salad popup styles */

.share-sandwich-popup, .edit-sandwich-popup, .save-sandwich-popup {
    float: left;
    text-align: center;
    font: 700 12px "Oswald", sans-serif;
    text-transform: uppercase;
    color: #d0ab79;
    padding: 5px 0px;
    margin-right: 5px;
    border: 1px solid #d0ab79;
    background-color: #342920;
    width: 45px;
    margin-top: 6px;
}
#mobile-sandwiches-popup .checkbox-holder-final.check-sandwich-private {
    float: left;
}
#mobile-sandwiches-popup .check-sandwich-private label {
    padding-left: 29px;
    width: auto
}
#mobile-sandwiches-popup .check-sandwich-private label span{
   font: 14px "Oswald", sans-serif;
}
#mobile-sandwiches-popup .check-sandwich-private label:before{
  margin-left: 0px;
  top: 2px;
}
#mobile-sandwiches-popup .check-sandwich-private img {
    vertical-align: text-bottom;
}
#mobile-sandwiches-popup .summary-details-add-menu .final-list-wrapper .add-cart .cart-items{
  float: right;
  margin-right: 10px;
}
.gold-flag{
  height: 29px;
  float: right;
  margin-right: 5px;
}
.gold-flag-op
{
  opacity: 0.5;
}
/* new css */
.sandwich_sub__menus .slicknav_item {
  padding: 5px 0 5px 44px;
  margin: 0;
}

.sandwich_sub__menus .slicknav_item a,
.sandwich_sub__menus a:hover {
  background: none;
}

.sandwich_sub__menus .slicknav_item .slicknav_arrow {
  display: none;
}

.sandwich_sub__menus .slicknav_row:hover {
  background: #41342b;
  color: #dab37f;
  background: url(../images/menu-star.png) no-repeat 9px center;
}

.sandwich_sub__menus ul li a {
  background: none;
  font: 300 16px "Oswald";
  text-transform: uppercase;
}

.sandwich_sub__menus ul li a:focus {
  font: bold 16px "Oswald";
}

.sandwich_sub__menus ul,
.sandwich_sub__menus ul li {
  border-bottom: none;
}

.slicknav_nav .logged-name:first-child .button-wrapper {
  font: bold 13px "Open Sans";
}

.logged-name .button-wrapper .signout-account {
  background: transparent;
  border: none;
  float: right;
  font: bold 14px "open sans";
  margin: 0 32px 0 0;
  padding: 4px 10px;
  text-transform: uppercase;
  width: auto;
}

.logged-name .create-acount-wrapper .create-account {
  background: #342920 none repeat scroll 0 0;
  border: 1px solid #dab37f;
  font: bold 16px "Oswald";
  margin: 0 0 0px 10px;
  padding: 6px 16px;
  text-transform: uppercase;
  width: auto;
  text-decoration: none;
}

.logged-name .create-acount-wrapper {
  margin: 6px 0 12px 0;
}

/* For mobile navigation End*/

/* For mobile sandwiches page */
.new_sandwich_mobile .container .sandwich-wrapper h3 {
  font: normal 22px "lobster_1.4regular";
  line-height: 32px;
  position: relative;
  margin-bottom: 10px;
}

.new_sandwich_mobile .container .sandwich-wrapper ul li img {
  width: 100%;
  max-width: 165px;
}

.vertical-aligned {
  display: flex;
  align-items: center;
}

.right-a .create_own__sandwich {
  font: normal 30px "Oswald", sans-serif;
  margin: auto;
  padding-bottom: 10px;
}

.get-started__new {
  display: table;
  background-color: #342920;
  color: #dab37f;
  font: bold 18px "Oswald", sans-serif;
  padding: 5px 27px;
  text-transform: uppercase;
  margin: 0;
}

.new_sandwich_mobile .right-rgt {
  height: auto;
}

.vertical-aligned span {
  margin: auto;

}

.new_sandwich_mobile .container .sandwich-wrapper ul li .shared-sandwich__head p {
  font: normal 48px "Oswald", sans-serif;
}

.right-a .shared-sandwich__head {
  font: normal 23px "lobster_1.4regular";
  margin: auto;
  padding-bottom: 10px;
  text-transform: capitalize;

}

.view-all-new {
  float: right;
  text-align: center;
  right: 10px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 24px;
  position: absolute;
  top: 2px;
  width: 62px;
}

.view-all-new img {
  margin-top: 4px;
  width: 100%;
  position: relative;
  height: 100%;
}

.view-all-new h2 {
  position: absolute;
  top: 21%;
  left: -2px;
  bottom: 0;
  right: 0;
  color: #DAB37F;
  font: 700 12px "Oswald", sans-serif;
  text-transform: uppercase;
  width: 100%;
}

.save-sandwich--wrap {
  display: flex;
  margin-bottom: 15px;
}

.save-sand--img {
  width: 36%;
  display: flex;
}

.new_sandwich_mobile .container {
  float: none;
  padding: 10px 10px 0;
}

.save-sand--img img {
  width: 100%;
  max-width: 210px;
}

.save-sand--content {
  width: 60%;
  padding: 0 5px;
  position: relative;
}

.add-new {
  width: 20%;
}

.save-sand--content h2 {
  font: bold 21px 'oswald';
  color: #342920;
  position: relative;
  text-transform: uppercase;
  overflow: hidden;
}

.save-sand--content h2:after {
  content: "\00a0";
  border-bottom: solid 2px #342920;
  position: absolute;
  width: 100%;
  margin-left: 3px;
  height: 1px;
  bottom: 6px;
}

.save-sand--content p {
  font: 600 12px 'Open sans';
  color: #342920;
}

.no-item {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-left: auto;
  max-width: 90px;
}

.no-item span {
  font: bold 21px 'oswald';
  color: #342920;
  padding: 0px 8px;
}

.no-item .right {
  background: url(../images/no-item--right-arrow.png) no-repeat;
  width: 20px;
  background-size: contain;
  background-position: center;
}

.no-item .left {
  background: url(../images/no-item--left-arrow.png) no-repeat;
  width: 20px;
  background-size: contain;
  background-position: center;

}

.saved-add-cart {
  font: 700 15px "Oswald", sans-serif;
  text-transform: uppercase;
  background-color: #342920;
  color: #d0ab79;
  padding: 5px 7px 5px 7px;
  display: flex;
  align-items: center;
}

.saved-add-cart img {
  width: 42%;
  float: left;
}

.saved-add-cartwrap {
  max-width: 90px;
  margin-left: auto;
  width: 100%;
  margin-top: 5px;
  float: right;
}

.saved-sand--price {
  font: bold 18px 'oswald';
  color: #342920;
  margin-bottom: 15px;
  display: block;
}

.saved-item-btns a {
  width: 100%;
  text-align: center;
  font: 700 14px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #342920;
  border: solid 2px #342920;
  padding: 2px 12px;
  border-radius: 2px;
  margin-right: 5px;
  letter-spacing: 0.2px;
  width: 54px;
}

.saved-item-btns .saved {
  background-color: #342920;
  color: #dab37f;
}

.saved-item-btns {
  display: flex;
  align-items: center;
}

.sandwich-new-wrapp {
  margin-bottom: 10px;
}

.saved-item-btns img {
  width: 20px;
}

.viewall-saved-sandwiches {
  display: flex;
  align-items: center;
  position: relative;
  float: left;
}

.viewall-saved-sandwiches img {
  width: 45%
}

.viewall-saved-sandwiches span {
  position: absolute;
  left: 24px;
  font: 700 16px/30px "Oswald", sans-serif;
  text-transform: uppercase;
  color: #342920;
}

.fb-left-head {
  width: 23px;
  position: absolute;
  left: 6px;
  bottom: 3px;
  height: 25px;
}

.fb-left-head img {
  width: 100%;
}

.friends-sandwich {
  display: flex;
  align-items: center;
}

.friends-dp {
  width: 20%;
  text-align: center;
}

.friends-dp img {
  width: 100%;
  max-width: 65px;
}

.friend-name {
  width: 60%;
  padding: 0 5px;
}

.friend-name h2 {
  font: bold 18px 'oswald';
  color: #342920;
  position: relative;
  overflow: hidden;
}

.friend-name h2:after {
  content: "\00a0";
  border-bottom: solid 2px #342920;
  position: absolute;
  width: 100%;
  margin-left: 3px;
  height: 1px;
  bottom: 6px;
}

.friend-name p {
  font: 500 16px 'oswald';
  color: #342920;
}

.friends-all p {
  font: bold 16px 'oswald';

}

.friends-view-wrap {
  width: 20%;
  text-align: right;
}

.friends-view--btn {
  max-width: 60.86px;
  width: 100%;
  margin-bottom: 40px;
  margin-left: auto;
}

.friends-view--btn .freinds-view {
  color: #d4b385;
  font: bold 15px 'oswald';
  background: #342920;
  padding: 5px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
}


.friends-sandwich--block {
  margin-top: 18px;
}

.friends-sandwich {
  margin-bottom: 10px;
}

.no-saved-sandwich h1 {
  font: 500 36px/38px "Oswald", sans-serif;
  color: #342920;
  margin-bottom: 10px;
}

.no-saved-sandwich p,
.blank-bottom p {
  font: 500 12px "Oswald", sans-serif;
  color: #342920;
}

.blank-bottom p {
  padding-left: 10px;
  margin-bottom: 10px;
}

.bottom-blank {
  margin-bottom: 30px;
}

.back_new {
  width: 60px;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 24px;
  left: 8px;
}

.back_new img {
  width: 100%;
  height: 100%;
  left: 0;
}



.friends-sandwiches-all {
  margin-bottom: 0;
  margin-top: 0;
}

.friends-sandwiches-all .friends-sandwich {
  margin-bottom: 0;
}

.seperate-friend h2:after {
  display: none;
}

.seperate-friend {
  margin-top: 0;
}

.seperate-friend .friends-sandwich .friend-name {
  padding: 0 15px;
}

.no-items .popup_spinner {
  float: right;
  margin-left: auto;
}



.new_sandwich_mobile .container .sandwich-wrapper .cart-items {
  background-color: transparent;
}

.no-items .cart-items .text-box {
  color: #342920;
}
.sandwiches_search{
  border: 2px solid #312921;
  width: 60%;
  padding-left: 36px;
  background: url(../images/search_img.png) no-repeat 7px center #d4b486;
  height: 32px;
  font: bold 12px "Open Sans", sans-serif;
  color: #1e1612;
  margin-left: 10px;
  float: left;
  background-size: 22px;
}
.sandwiches_search_btn{
  background-color: #342920;
  text-transform: uppercase;
  font: bold 14px/22px "Oswald", sans-serif;
  color: #dab37f;
  text-align: center;
  width: 20%;
  float: left;
  padding: 7px 0px;
  margin-left: 10px;
  border: none;
}
@media screen and (max-width: 480px) and (min-width: 437px) {
  .right-a .create_own__sandwich {
    margin-top: 0;
  }
}

@media screen and (max-width: 475px) {
  .no-item {
    width: 100%;
  }
}

@media screen and (max-width: 375px) {
  .new_sandwich_mobile .right-rgt {
    height: 180px;
  }

  .get-started__new {
    padding: 5px 22px;
  }
}

/* For mobile sandwiches page End*/

/* new styles 9-10-2019 */


/* style for quick edit popup */
.edit_sandwich-popup {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #1e1613;
  z-index: 50;
  top: 0;
}

.quick__edit-sandwich {
  padding: 30px;
}

.quick__edit-sandwich h2 {
  font: 600 24px/24px "Oswald", sans-serif;
  margin-bottom: 19px;
  text-transform: uppercase;
}

.edit-wrap-input label {
  font: 700 14px/16px "open sans";
  padding-left: 0;
  display: block;
  margin-bottom: 10px;
  text-transform: uppercase;
  margin-left: 5px;
}

.edit-wrap-input input {
  background: #c1aa8a;
  border: 1px solid #c1aa8a;
  width: 100%;
  height: 42px;
  color: #1e1712;
  font: bold 22px/20px "Oswald", sans-serif;
  text-transform: uppercase;
  padding-left: 14px;
  box-sizing: border-box;
}


.edit-wrap-input label::before {
  display: none;
}

.edit-wrap-input select {
  width: 100%;
  height: 42px;
  border: 1px solid #dab073;
  background: transparent url(../images/dropdown-arrow.png) no-repeat center right 10px;
  padding: 0 15px;
  font: 600 14px 'Open Sans';
  color: #d5b584;
}

.spiner-edit--wrapper label {
  font: 700 14px/16px "open sans";
  padding-left: 0;
  margin-bottom: 15px;
  text-transform: uppercase;
  margin-left: 5px;
  box-sizing: border-box;

}

.new_spiner-edit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 30px;
  margin-bottom: 5px;
}

.new_spiner-edit p {
  font: 600 13px 'Open Sans';
}

.spiner-edit--wrapper label:before {
  display: none;
}

.new_spiner-edit .popup_spinner {
  width: 152px;
  margin-left: 0;
}

.new_spiner-edit .popup_spinner .text-box {
  font: 600 13px 'Open Sans';
  width: 110px;
}

.new_spiner-edit .cart-items a.right_spinner, #sandwiches_quick_edit a.right_spin {
  background: transparent url(../images/popup-spiner-right.png) no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  width: 15px;
  margin-top: 0;
  background-size: 15px 23px;
}

.new_spiner-edit .cart-items a.left_spinner, #sandwiches_quick_edit a.left_spin {
  background: transparent url(../images/popup-spiner-left.png) no-repeat scroll left top;
  display: block;
  float: left;
  height: 25px;
  margin-top: 0;
  width: 16px;
  background-size: 15px 23px;
}
.add-item--more {
  margin-top: 20px;
  float: left;
}
.add-item--more a {
  background: #342920;
    font: bold 14px "Oswald", sans-serif;
    text-transform: uppercase;
    color: #dbb47b;
    border: 1px solid #dab073;
    max-width: -webkit-fill-available;
    box-sizing: border-box;
    padding: 3px 10px;
    min-width: 117px;
    float: left;
    margin-left: 8px;
    text-align: center;
}
.quick__edit-sandwich form {
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 100px;
}
.new-popup-bottom-fixed {
  bottom: 0;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid;
  padding: 10px 30px;
  background-color: #1e1613;
}
.new-popup-bottom-fixed h2 {
  font: bold 18px "Oswald", sans-serif;
  float: left;
  width: initial;
  margin-right: 10px;
  padding-left: 0;
}
.new-popup-bottom-fixed .add-to-cart {
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 0 3px;
  padding: 4px 0;
  text-align: center;
  width: 115px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.quick__edit-sandwich {
  float: left;
    width: 100%;
    box-sizing: border-box;
    height: 100%;
    overflow: scroll;
}
.add-item--spiner--single {
  padding-left: 0;
}
.add-item__single {
  margin-top: 70px;
}
.add-item__single .edit-wrap-input {
  margin-bottom: 20px;
}
@media screen and (max-width: 400px) { 
  .new_spiner-edit {
    padding-left: 0;
    }
    .new_spiner-edit div {
      width: 54%;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
}
@media screen and (max-width: 375px) { 
  .quick__edit-sandwich {
    padding: 10px;
}

.new_spiner-edit .popup_spinner {
  width: 143px;
}

}
@media screen and (max-width: 374px) { 
  .new-popup-bottom-fixed {
    padding: 10px 4px;
  }
}
/* style for quick edit popup */

/* salad popup styles */
.salad_item_image {
  text-align: center;
  margin-bottom: 15px;
}
.salad_item_image img {
  width: 50%;
  max-width: 180px;
}
.salad_item__desc h4 {
  font: 600 24px/24px "Oswald", sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.salad_item__desc p {
  font: 600 11px 'Open sans';
  margin-bottom: 18px;
}
.salad_item__options a {
  font: 600 13px 'Open sans';
    color: #dab37f;
    display: block;
    margin-bottom: 10px;
}
.salad-options input[type=checkbox] {
  display: none;
}
.salad-options label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 40px;
  font: normal 16px "Oswald", sans-serif;
  color: #dab37f;
  margin: 7px 0;
  text-transform: uppercase;
}
.salad-options label:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 1px;
  background: url(../images/sandwich-checkbox2-bg.png) no-repeat;
  background-size: cover;
}
label::before {
  background: url(../images/sandwich-radio-bg.png) no-repeat scroll 0 0 transparent;
  bottom: 1px;
  content: "";
  display: inline-block;
  height: 23px;
  left: 0;
  position: absolute;
  top: -1px;
  width: 23px;
}
.salad-options input[type=checkbox]:checked+label:before {
  background: url(../images/sandwich-checkbox2-bg.png) 0 -19px no-repeat;
  color: #d0ab79;
  text-align: center;
  line-height: 15px;
  background-size: cover;
}
.salad-options .salad-option-chck {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.salad-options .salad-checkbox {
  margin-bottom: 12px;
  width: 50%;
}
.salad-options label {
  display: inline-block;
  cursor: pointer;
  position: relative;
  padding-left: 25px;
  font: normal 14px/18px "Open Sans", sans-serif;
  margin: 0;
  text-transform: capitalize;
  box-sizing: border-box;
}
.special-instructions-text textarea {
  background: #c1aa8a;
    border: 1px solid #c1aa8a;
    width: 100%;
    height: 56px;
    color: #1e1712;
    font: 600 14px/20px "open sans", sans-serif;
    padding-left: 14px;
    box-sizing: border-box;
}
.salad-add-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.salad-add {
  background-color: #342920;
  color: #d0ab79;
  display: flex;
  align-items: center;
  justify-content: center;
  font: bold 14px "Oswald", sans-serif;
  margin-left: 15px;
  padding: 4px 0;
  text-align: center;
  width: 76px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
.salad-add img {
  width: 100%;
    margin-right: 5px;
    max-width: 20px;
}
/* salad popup styles */

.share-sandwich-popup, .edit-sandwich-popup, .save-sandwich-popup {
    float: left;
    text-align: center;
    font: 700 12px "Oswald", sans-serif;
    text-transform: uppercase;
    color: #d0ab79;
    padding: 5px 0px;
    margin-right: 5px;
    border: 1px solid #d0ab79;
    background-color: #342920;
    width: 45px;
    margin-top: 6px;
}
#mobile-sandwiches-popup .checkbox-holder-final.check-sandwich-private {
    float: left;
}
#mobile-sandwiches-popup .check-sandwich-private label {
    padding-left: 29px;
    width: auto
}
#mobile-sandwiches-popup .check-sandwich-private label span{
   font: 14px "Oswald", sans-serif;
}
#mobile-sandwiches-popup .check-sandwich-private label:before{
  margin-left: 0px;
  top: 2px;
}
#mobile-sandwiches-popup .check-sandwich-private img {
    vertical-align: text-bottom;
}
#mobile-sandwiches-popup .summary-details-add-menu .final-list-wrapper .add-cart .cart-items{
  float: right;
  margin-right: 10px;
}
.gold-flag{
  height: 29px;
  float: right;
  margin-right: 5px;
}
.salad-item-wrap{
  display: flex;
    justify-content: space-between;
    width: 100%;
    flex-flow: wrap;
}
.not-connected-fb p{
    font: normal 15px/20px "Oswald", sans-serif;
    color: #332820;
    text-transform: uppercase;
    margin: 13px 0px 10px 25px;
}
.locked-item img{
    vertical-align: sub;
    margin-left: 5px;
}
#sandwiches_quick_edit, #sandwiches_quick_edit_add_item{
  z-index: 999999;
}
#sandwiches_quick_edit .image-holder{
  position: absolute;
}
.catering_header{
  margin-bottom: 10px;
}
.catering_spinn{
      background-color: transparent !important;
}
#sandwiches_quick_edit input[type=checkbox]{
  display: none;
}
#sandwiches_quick_edit input[rel="slide"], #sandwiches_quick_edit_add_item input[rel="slide"]{
  text-transform: capitalize;
}
.no-saved-sandwiches h3{
        background: transparent !important;
    text-align: left !important;
    font: 600 18px "Oswald", sans-serif !important;
    color: #332820 !important;
    text-transform: uppercase;
    letter-spacing: -0.7px;
    margin-bottom: 0 !important;
}
.no-saved-sandwiches p{
    font: normal 14px/20px "Oswald", sans-serif;
    color: #332820;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.no-saved-sandwiches{
    margin-left: 15px;
}

#sandwich_overview_mobile .vertical-aligned{
  width: 100%;
  position: relative;
}
#sandwich_overview_mobile .vertical-aligned .right-a {
    text-align: center;
    width: 100%
}
#sandwich_overview_mobile .vertical-aligned .right-a h5{
    font: normal 30px/35px "oswald_stencilregular";
    text-transform: uppercase;
    color: #342920;
}
#sandwich_overview_mobile .vertical-aligned .right-a h2{
  font: normal 21px "lobster_1.4regular";
    line-height: 32px;
    color: #30231b;
    /*text-transform: capitalize;*/
    padding-bottom: 10px;
}
span.span-update {
    font: normal 14px/20px "Oswald", sans-serif;
    line-height: 12px;
    width: 80px;
    position: absolute;
    left: 1px;
    top: 6px;
}
 #sandwich_overview_mobile .vertical-aligned .right-a .get-started__new{
  display: inline-block !important;
      margin-bottom: 20px;
}
.new_gallery_count p{
    text-transform: uppercase;
    color: #342920;
    font: normal 25px/30px "Oswald", sans-serif;
    float: left;
}
.new_gallery_count span{
  font: normal 18px/33px "Oswald", sans-serif;
    color: rgb(52, 41, 32);
    text-transform: uppercase;
    align-self: flex-end;
    margin-left: 8px;
}
.new_gallery_count a{
      text-align: center;
    font: 700 12px "Oswald", sans-serif;
    text-transform: uppercase;
    color: #342920;
    border: solid 2px #342920;
    padding: 3px 12px;
    border-radius: 2px;
    
    align-self: flex-end;
    letter-spacing: 0.2px;
    margin-left: 8px;
    margin-bottom: 3px;
    float: right;
}

#mobile_drinks .save-sand--content{
    width: 100%;
    align-self: center;
}
#mobile_drinks .save-sand--content h2{
  align-self: center;
    width: 100%;
    margin-right: 8px;
}
#mobile_drinks .save-sand--content h2:after{
    bottom: 2px !important;
}
.new-drink_flex{
    display: flex;
    justify-content: space-between;
}
#mobile_drinks .add-new {
    width: auto;
    display: flex;
    align-self: center;
}
#mobile_drinks .add-new .add-new-sub{
    align-self: flex-end;
}
#mobile_drinks .add-new .add-new-sub .cart-items{
  margin-bottom: 0px;
}
#mobile_drinks .add-new .saved-add-cartwrap{
    margin-left: 10px;
}

#mobile_drinks .saved-sand--price{
    margin-bottom: 5px;
    font: bold 18px 'oswald';
    text-transform: uppercase;
    line-height: 18px;
}
#mobile_drinks .save-sand--img{
    width: 28%;
    display: flex;
    align-self: center;
    justify-content: center;
}
#mobile_drinks .save-sand--img img{
    max-width: 100px !important;
}

#featured_new_mobile{
  display: flex;
    margin-bottom: 15px;
}
#featured_new_mobile h2{
    width: 50%;
    align-self: center;
}
#featured_new_mobile h3{
    margin: 0;
}
#featured_new_mobile .saved-add-cartwrap{
  width: auto;
    margin-top: 0px;
}
.save-sand--content-new{
  width: 65% !important;
}
.saved-item-btns-new{
    width: 75%;
}
#featured_new_mobile .popup_spinner .text-box{
    color: #342920;
}
.sandwich-popup .summary-details-add-menu .final-list-wrapper .add-menu{
    margin-bottom: 20px;
}
.save-sand--content-new .saved-sand--price{
  margin-bottom: 0px;
  word-break: break-all;
}
.new-popup-bottom-fixed .add-to-cart, .addToCart, .cancel-quick-edit {
  background-color: #342920;
  color: #d0ab79;
  display: table;
  float: right;
  font: bold 14px "Oswald", sans-serif;
  margin: 0 3px;
  padding: 4px 0;
  text-align: center;
  width: 115px;
  text-transform: uppercase;
  border: 1px solid #d0ab79;
}
@media screen and (max-width: 375px){
    .home-banner-div-new{
    height: 50vh;
}
}
table .cof_no_border
{
  border:none; 
}
.order-c .cof_delivery {
  padding: 0 7px;
}

.home-banner-div-new
{
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
}


}
@media screen and (max-width: 330px){
    .home-banner-div-new{
    top: 45% !important;
}
.homebannerauto:after {
    width: 70px;
    height: 70px;
    left: 20%;
}
}

.save-sand_three_sec
{
  width: 50%;
}

@media (max-width: 414px) {
 #mobile_drinks .add_btn_item .common_add_item_cart, .saved-add-cart-salad
{
width: 52px;
}
}
img.banner-img-top {
    position: absolute;
    left: 0;
    top: 10px;
    width: 23% !important;
    left: 18%;
    max-width: 120px;
}
span.new_banner-top {
    position: relative;
    display: flex;
}

.food-safety-menu-list-wrapper h3{
  font: normal 20px/25px "lobster_1.4regular";
    color: #322921;
}
.food-safety-wrapper{
  margin-top: 15px;
  position: relative;
}
.food-safety-text{
  max-width: 510px;
  margin-top: 10px;
}
.food-safety-item{
  display: flex;
  width: 100%;
  margin-bottom: 10px;
}

.food-safety-img{
    width: 100px;
    margin-right: 30px;
    margin-right: 10px;
    align-self: center;
}
.food-safety-img img{
  width: 100%;
}
.food-safety-text h4{
  font: 18px/18px "Oswald", sans-serif;
    color: #342920;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
}
.food-safety-text p{
  font: 600 12px/14px "Open Sans", sans-serif, sans-serif !important;
  color: #30231b;
}
.safley-prepared{
        width: 160px;
    margin-bottom: 30px;
}
.safley-prepared img{
  width: 100%;
}
.food-safety-menu-list-wrapper h1{
  margin-bottom: 0px !important;
}
.toasted
{
  font: 25px "lobster_1.4regular";
    color: #e2c59f;
    position: inherit;
    display: block;
    padding: 20px;
    text-align: center;
}