/* source-sans-pro-200 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 200;
  src: url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"),
    url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.woff")
      format("woff"),
    /* Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-200.svg#SourceSansPro")
      format("svg"); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 300;
  src: url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro Light"), local("SourceSansPro-Light"),
    url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.woff")
      format("woff"),
    /* Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-300.svg#SourceSansPro")
      format("svg"); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
    url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.woff")
      format("woff"),
    /* Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-regular.svg#SourceSansPro")
      format("svg"); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.eot"); /* IE9 Compat Modes */
  src: local("Source Sans Pro SemiBold"), local("SourceSansPro-SemiBold"),
    url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.eot?#iefix")
      format("embedded-opentype"),
    /* IE6-IE8 */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.woff2")
      format("woff2"),
    /* Super Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.woff")
      format("woff"),
    /* Modern Browsers */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.ttf")
      format("truetype"),
    /* Safari, Android, iOS */
      url("/fonts/source-sans-pro-v10-latin/source-sans-pro-v10-latin-600.svg#SourceSansPro")
      format("svg"); /* Legacy iOS */
}

body {
  font-family: "Source Sans Pro";
  font-size: 16px;
  font-weight: 400;
  color: #404040;
  background: #fff;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Source Sans Pro";
}

h1 {
  font-size: 36px;
  font-weight: 300;
}

h1 {
  font-size: 36px;
  font-weight: 300;
}

h2 {
  font-size: 26px;
  font-weight: 600;
}

h3 {
  font-size: 20px;
  font-weight: 600;
}

h4 {
  font-size: 18px;
  font-weight: 600;
}

h5 {
  font-size: 18px;
  font-weight: 400;
}

h6 {
  font-size: 16px;
  font-weight: 600;
}

ol,
ul {
  margin: 0;
}

select {
  -moz-appearance: none;
}

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  /*在选择框的最右侧中间显示小箭头图片*/
  /*background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll right center transparent;*/
  xbackground: url(/assets/images/chevron-down.png) no-repeat right #fff;
  background: url(/assets/images/chevron-down.png) no-repeat right #fff;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}

a {
  cursor: pointer;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
  display: none;
}

.btn {
  font-family: "Source Sans Pro";
}

.container {
  max-width: 1200px;
}

.container {
  width: 1200px;
  padding: 0 10px;
  margin: 0 auto;
}

.main-container {
  margin-bottom: 115px;
}

a {
  font-size: 14px;
  font-weight: 400;
  color: #34a1ce;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #1680ac;
  text-decoration: none;
  outline: none;
}

a:disabled {
  color: #d7d7d7;
}

.mobile-show {
  display: none !important;
}

:focus {
  outline: none;
}

.slick-slide {
  outline: none;
}

.slick-slide:focus {
  outline: none;
}

img {
  padding: 0;
  border: 0;
  margin: 0;
  display: block;
  vertical-align: bottom;
}

.modal-dialog {
  max-width: 1000px;
  width: 100%;
}

.modal-header {
  color: #404040;
  /*background: #ddd6d1;*/
  font-size: 18px;
  font-weight: 700;
}

.modal-body {
  padding: 10px;
}

.modal-body .btn-close {
  height: 30px;
  text-align: right;
  padding-top: 8px;
}

.modal-body .btn-close i {
  font-family: Material Icons;
  font-size: 22px;
  color: #a6a6a6;
  font-style: normal;
  margin-right: 10px;
  cursor: pointer;
}

.sms-dialog .modal-body {
  padding-top: 20px;
  font-size: 26px;
  font-weight: 600;
  text-align: center;
  color: #404040;
}

.sms-dialog .modal-footer {
  border: none;
}

.discount-tips-popup .modal-dialog .btn-close {
  padding-top: 0;
}

.register-desc-popup .modal-dialog,
.register-verify-popup .modal-dialog {
  max-width: 420px;
}

.register-desc-popup .modal-body,
.register-verify-popup .modal-body {
  padding: 0;
}

.register-desc-popup .register-desc-content,
.register-verify-popup .register-desc-content {
  margin: 12px 60px 46px 60px;
}

.register-desc-popup .register-title,
.register-verify-popup .register-title {
  font-family: Source Sans Pro;
  font-size: 18px;
  color: #404040;
  font-weight: 600;
}

.register-desc-popup .register-desc,
.register-verify-popup .register-desc {
  font-family: Source Sans Pro;
  font-size: 14px;
  margin-top: 22px;
  color: #404040;
}

.register-border {
  background-color: #d8d8d8;
  height: 1px;
  margin: 26px 60px 26px 0;
}

.register-popup .modal-dialog,
.reset-password-popup .modal-dialog,
.forgot-password-popup .modal-dialog,
.login-popup .modal-dialog,
.member-register-popup .modal-dialog {
  max-width: 420px;
}

.register-popup .modal-content,
.register-desc-popup .modal-content,
.register-verify-popup .modal-content,
.reset-password-popup .modal-content,
.forgot-password-popup .modal-content,
.login-popup .modal-content,
.member-register-popup .modal-content {
  border-radius: 0;
}

.register-popup .modal-body,
.reset-password-popup .modal-body,
.forgot-password-popup .modal-body,
.login-popup .modal-body,
.member-register-popup .modal-body {
  padding: 0;
}

.register-popup .register-content,
.reset-password-popup .register-content,
.forgot-password-popup .register-content,
.forgot-password-popup .register-content,
.login-popup .register-content,
.member-register-popup .register-content {
  padding-left: 60px;
  padding-bottom: 50px;
}

.register-popup .register-content .register-title,
.reset-password-popup .register-content .register-title,
.forgot-password-popup .register-content .register-title,
.login-popup .register-content .register-title,
.member-register-popup .register-content .register-title {
  font-family: Source Sans Pro;
  font-size: 18px;
  color: #2a2a2a;
  font-weight: 600;
}

.register-popup .register-content .register-item,
.reset-password-popup .register-content .register-item,
.forgot-password-popup .register-content .register-item,
.login-popup .register-content .register-item,
.member-register-popup .register-content .register-item {
  margin-top: 15px;
}

.register-popup .register-content .form-control-static,
.reset-password-popup .register-content .form-control-static,
.forgot-password-popup .register-content .form-control-static,
.login-popup .register-content .form-control-static,
.member-register-popup .register-content .form-control-static {
  width: 300px;
  padding-left: 10px;
}

.register-popup .register-content .help-inline,
.login-popup .register-content .help-inline,
.member-register-popup .register-content .help-inline {
  margin-left: 10px;
  visibility: hidden;
}

.register-popup .register-content .help-inline.has-right,
.login-popup .register-content .help-inline.has-right,
.member-register-popup .register-content .help-inline.has-right {
  visibility: inherit;
}

.register-popup .register-content .help-inline i,
.login-popup .register-content .help-inline i,
.member-register-popup .register-content .help-inline i {
  color: #249549;
}

.register-popup .register-content .show-password,
.login-popup .register-content .show-password,
.member-register-popup .register-content .show-password {
  float: right;
  color: #34a1ce;
  cursor: pointer;
}

.register-popup .register-content .option-btn,
.reset-password-popup .register-content .option-btn,
.forgot-password-popup .register-content .option-btn,
.login-popup .register-content .option-btn,
.member-register-popup .register-content .option-btn {
  margin-right: 60px;
}

.forgot-password-popup .register-content .register-introduct {
  margin-right: 60px;
  font-family: Source Sans Pro;
  font-size: 16px;
  color: #404040;
  text-align: left;
  margin-top: 15px;
}

.register-popup .register-content .register-desc,
.reset-password-popup .register-content .register-desc,
.forgot-password-popup .register-content .register-desc,
.login-popup .register-content .register-desc,
.member-register-popup .register-content .register-desc {
  margin-right: 60px;
  font-family: Source Sans Pro;
  font-size: 14px;
  color: #404040;
  text-align: left;
  margin-top: 15px;
}

.register-popup .register-content .btn-register,
.reset-password-popup .register-content .btn-reset,
.forgot-password-popup .register-content .btn-password,
.login-popup .register-content .login-btn,
.change-password-popup .btn-change-pwd,
.member-register-popup .btn-member-register {
  font-family: Lato;
  background-color: #d03436;
  border-radius: 5px;
  border: none;
  width: 100%;
  height: 40px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.login-popup .error-info,
.forgot-password-popup .error-info,
.dialog_register .error-info,
.reset-password-popup .error-info，.member-register-popup .error-info {
  font-family: Source Sans Pro;
  font-size: 14px;
  color: #920d0f;
  margin-top: 20px;
  font-weight: 500;
}

.login-popup .error-info i,
.forgot-password-popup .error-info i,
.dialog_register .error-info i,
.reset-password-popup .error-info i {
  margin-right: 5px;
}

.discount-tips-popup .modal-dialog .modal-body {
  padding: 0;
  height: 300px;
}

.add-cart-popup .modal-dialog,
.update-cart-popup .modal-dialog,
.select-add-cart-popup .modal-dialog,
.discount-tips-popup .modal-dialog,
.sms-dialog .modal-dialog {
  max-width: 500px;
}

.add-cart-popup .modal-dialog .modal-content,
.select-add-cart-popup .modal-dialog .modal-content,
.bootbox-alert .modal-dialog .modal-content {
  border-radius: 0;
}

.add-cart-popup .modal-dialog .modal-body,
.select-add-cart-popup .modal-dialog .modal-body,
.special-tips-popup .modal-dialog .modal-body {
  padding: 30px 15px 20px 15px;
  font-size: 16px;
  color: #404040;
}

.bootbox-alert .modal-dialog .modal-content {
  padding: 30px 15px 20px 15px;
  font-size: 16px;
  color: #404040;
}

.cooked-food-availability .modal-dialog .modal-content {
  font-size: 16px;
  color: #404040;
}

.add-cart-popup .modal-dialog,
.bootbox-alert .modal-dialog,
.special-tips-popup .modal-dialog {
  max-width: 550px;
}

.add-cart-popup .modal-dialog .btn-ok,
.select-add-cart-popup
  .modal-dialog
  .btn-ok
  .bootbox-alert
  .modal-dialog
  .nomal-btn {
  width: 150px;
  height: 50px;
  border-radius: 3px;
  background-color: #249549;
  font-size: 18px;
  color: #ffffff;
}

.add-cart-popup .modal-dialog .btn-dismissnow,
.select-add-cart-popup .modal-dialog .btn-dismissnow {
  font-size: 14px;
  font-weight: 600;
  color: #34a1ce;
  border: none;
}

.add-cart-popup .modal-dialog .btn-dismissnow:hover,
.select-add-cart-popup .modal-dialog .btn-dismissnow:hover {
  background: none;
}

.add-cart-popup .modal-dialog .modal-footer,
.select-add-cart-popup .modal-dialog .modal-footer,
.fade bootbox-alert .modal-dialog .modal-footer {
  text-align: center;
  padding-bottom: 30px;
}

.add-cart-popup .modal-footer,
.select-add-cart-popup .modal-footer,
.bootbox-alert .modal-footer {
  border-top: none;
}

.select-add-cart-popup .modal-body {
  padding-top: 40px;
}

.select-add-cart-popup .modal-footer {
  padding-bottom: 40px;
}

.announcement-dialog {
  background-color: #801422;
  min-height: 70px;
  color: #ffffff;
}

.announcement-dialog-content {
  max-width: 1105px;
  min-height: 70px;
  margin: 0 auto;
  display: table;
  padding: 0 15px;
}

.announcement-font {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
  font-size: 14px;
  text-align: justify;
}

.deleteAnnouncement {
  position: absolute;
  right: 0;
  font-size: 14px;
  cursor: pointer;
}

/*header*/
.header {
  width: 100%;
  position: relative;
  z-index: 11;
}

header .brand-container {
  width: 100%;
  height: 60px;
  background: #801422;
}

.no-skin header .navbar-toggle {
  margin-top: 14px;
  margin-bottom: 12px;
}

header .navbar-toggle .icon-bar {
  background-color: #fff;
  border-radius: 0;
  width: 24px;
  margin-left: 7px;
}

header .navbar-brand {
  height: auto;
  padding: 0;
  line-height: normal;
}

header .main-nav {
  width: 100%;
  float: left;
  max-width: calc(100% - 202px - 260px);
  max-width: -moz-calc(100% - 202px - 260px);
  max-width: -webkit-calc(100% - 202px - 260px);
}

header .main-page {
  display: none;
  width: calc(100% - 160px);
  width: -moz-calc(100% - 160px);
  width: -webkit-calc(100% - 160px);
  line-height: 60px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

header .main-page span {
  float: right;
  margin-right: 19px;
  line-height: normal;
  margin-top: 19px;
}

header .main-page span i {
  font-family: Material Icons;
  font-size: 22px;
  color: #fff;
  font-style: normal;
}

header .main-nav ul {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
  list-style: none;
  padding: 0px 19px 0 78px;
}

header .brand-container ul li {
  /*width:25%;*/
  /*float:left;*/
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  line-height: 60px;
  text-align: center;
}

header .brand-container ul li a {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

header .logo {
  display: block;
  height: 50px;
  margin: 5px 0;
  line-height: normal;
}

header .navbar-container .back-to-cart {
  float: right;
  color: #fff;
  line-height: 60px;
  padding-right: 20px;
  font-size: 14px;
  display: none;
}

header .navbar-container .back-to-cart a {
  color: #fff;
}

header .navbar-container .back-to-cart i {
  font-family: Material Icons;
  font-size: 20px;
  color: #ffffff;
  font-style: normal;
  float: left;
}

.top-minicart-wrapper {
  float: left;
  background: #920d0f;
  min-width: 160px;
  text-align: center;
  height: 60px;
  border-right: 1px solid #d03436;
  cursor: pointer;
}

.login-in {
  float: left;
  background: #920d0f;
  min-width: 100px;
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
  /*display:none;*/
}

.login-in a {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

.top-minicart-wrapper .cart-item-counter-wrapper,
.top-minicart-wrapper .border-right-wrapper,
.top-minicart-wrapper .cart-total {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  vertical-align: top;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
}

.top-minicart-wrapper .cart-total {
  padding: 0;
}

.top-minicart-wrapper .border-right-wrapper {
  height: 20px;
  border-right: 1px solid #fff;
  margin: 20px 10px 20px 9px;
}

.top-minicart-wrapper .cart-item-counter-wrapper i {
  font-size: 25px;
  color: #fff;
  margin-right: 7px;
}

.top-minicart-wrapper .cart-item-counter-wrapper span {
  font-weight: 600;
}

.top-minicart-wrapper .cart-item-counter-wrapper .cart-item-counter {
  font-size: 16px;
  color: #fff;
}

/*slide-toggle-menu*/
.menu-toggler .icon-close {
  display: none;
}

.menu-toggler i.icon-close {
  font-family: Material Icons;
  width: 31px;
  font-style: normal;
  color: #fff;
  font-size: 29px;
  margin-top: -10px;
}

.icon-close:before {
  font-family: Material Icons;
  content: "" !important;
}

.slide-toggle-menu {
  position: absolute;
  top: 60px;
  left: 0px;
  width: 100%;
  display: none;
  box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.slide-toggle-menu .slide-toggle-item {
  padding-left: 40px;
  font-size: 18px;
  color: #fff;
}

.slide-toggle-menu .slide-toggle-item.back {
  padding-left: 18px;
}

.slide-toggle-menu .slide-toggle-item.back i {
  font-family: Material Icons;
  font-size: 20px;
  font-style: normal;
}

.slide-toggle-menu a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  background: #d03436;
}

.slide-toggle-menu a:host,
.slide-toggle-menu a:after {
  background: #920d0f;
}

.slide-toggle-menu .slide-toggle-item span {
  float: right;
  margin-right: 40px;
}

/*banner*/
.masthead-container {
  position: relative;
}

.masthead-container .slick-dots {
  list-style: none;
  margin: 0 auto -27px;
  padding: 0;
  position: absolute;
  bottom: 26px;
  z-index: 10;
  text-align: center;
  width: 100%;
  display: none !important;
}

.masthead-container .slick-dots li {
  display: inline-block;
  margin: 0 7px;
}

.masthead-container .slick-dots li button {
  display: block;
  font-size: 0;
  background: none;
  line-height: 0;
  width: 10px;
  height: 10px;
  border: 2px solid #ffffff;
  border-radius: 100%;
  padding: 0px;
  margin: 8px;
  cursor: pointer;
  outline: none;
}

.masthead-container .slick-dots li.slick-active button {
  background: #fff;
}

.banner-wrapper {
  width: 100%;
  /*height: 320px;*/
  overflow: hidden;
  position: relative;
}

.banner-item {
  width: 100%;
  height: 280px;
  background-position: center center;
}

.banner-item img {
  width: 100%;
  /*height: 280px;*/
}

.banner-item .desktop {
  display: block;
}

.banner-item .mobile {
  display: none;
}

.banner-item {
  position: relative;
}

.banner-item .banner-item-info {
  position: absolute;
  width: 100%;
  max-width: 600px;
  height: 160px;
  background-color: rgba(255, 255, 255, 0.7);
  top: 60px;
  margin-left: calc(50% - 300px);
  margin-left: -moz-calc(50% - 300px);
  margin-left: -webkit-calc(50% - 300px);
}

.banner-item .banner-item-info .description {
  margin-top: 20px;
  text-align: center;
  font-size: 36px;
  font-weight: 300;
  color: #4b4b4b;
}

.banner-item .banner-item-info .description-btn {
  width: 100px;
  height: 40px;
  margin: 0 auto;
  text-align: center;
  line-height: 36px;
  margin-top: 20px;
  border: solid 2px #4b4b4b;
}

.banner-item .banner-item-info .description-btn a {
  color: #4b4b4b;
  font-size: 16px;
  font-weight: 600;
}

.masthead-container .slick-next,
.masthead-container .slick-prev {
  position: absolute;
  top: calc(50% - 30px);
  top: -moz-calc(50% - 30px);
  top: -webkit-calc(50% - 30px);
  width: 60px;
  height: 60px;
  border: none;
  background-color: rgba(42, 42, 42, 0.8);
  z-index: 1;
}

.masthead-container .slick-next {
  right: 32px;
}

.masthead-container .slick-prev {
  left: 32px;
}

.masthead-container .slick-next i,
.masthead-container .slick-prev i {
  font-family: Material Icons;
  font-size: 45px;
  color: #ffffff;
  font-style: normal;
}

/*offer-item*/
.offer-wrapper {
  max-width: 1124px;
  width: 100%;
  margin: 0 auto;
}

.offer-item {
  border: 2px solid #fff;
  margin: 5px 12px 10px 12px;
  max-width: 257px;
  width: 100%;
  outline: none;
  background: #fff;
  box-sizing: border-box;
}

.offer-item .out-border {
  border: 1px solid #a6a6a6;
}

.viewtable {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-content: flex-start;
}

.viewtable .offer-item {
  margin: 5px 0 40px 0;
}

.itemClick {
  background: #ececec;
}

.itemstate-popup .modal-body .itemstate-content .content .actions.itemClick {
  background: none;
}

.viewlist .itemSelected {
  /*border: 2px solid #d03436;*/
  background: #f1f2eb;
  box-shadow: none;
}

.viewtable .itemSelected {
  border: 2px solid #f69105;
  box-shadow: none;
}

.viewtable .itemSelected .out-border {
  border: 1px solid #f69105;
}

.offer-item {
  position: relative;
}

.offer-item:focus {
}

.offer-item:hover {
  max-width: 257px;
  border: 2px solid #f69105;
}

.offer-item:hover .out-border {
  border: 1px solid #f69105;
}

.viewtable .offer-wrapper .offer-item {
  margin: 0 12px;
}

.offer-item:hover .add-to-cart {
  margin-bottom: 20px;
}

.offer-item .image {
  position: relative;
}

.offer-item .image .discount {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  right: 6px;
  bottom: 6px;
  z-index: 8;
  background-color: #db4b46;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  line-height: 1em;
  padding-top: 7px;
}

.option-free-promotionlist .offer-item .image .discount {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  right: 6px;
  bottom: 6px;
  z-index: 8;
  background-color: #db4b46;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 1em;
  padding-top: 7px;
}

.offer-item .image .exchange-icon {
  position: absolute;
  width: 48px;
  height: 48px;
  right: 6px;
  bottom: 6px;
  z-index: 8;
  text-align: center;
  line-height: 1em;
}

.offer-item .info {
  padding: 20px 12px 20px 12px;
}

.offer-item .title {
  min-height: 52px;
  font-size: 18px;
  font-weight: 400;
  text-align: left;
  color: #2a2a2a;
}

.offer-item .suggestion {
  font-size: 16px;
  color: #8b8b8b;
  height: 22px;
  text-align: left;
}

.offer-item .desc {
  font-size: 14px;
  color: #404040;
  height: 22px;
  text-align: left;
  font-weight: 400;
}

.offer-item .price {
  max-height: 30px;
  line-height: 30px;
  text-align: left;
}

.offer-item .price ins {
  font-size: 26px;
  color: #404040;
  text-decoration: none;
  text-align: left;
  font-weight: 600;
}

.offer-item .price i {
  font-family: "Ionicons";
  font-size: 18px;
}

.offer-item .price img {
  max-width: 30px;
  margin-left: 10px;
  float: right;
}

.offer-item .price del {
  font-size: 16px;
  color: #616161;
  font-weight: 600;
  text-align: left;
}

.offer-item .actions {
  text-align: center;
}

.offer-item .add-to-cart {
  background: #801422;
  xbackground: #801422;
  border-radius: 5px;
  color: #000;
  width: calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  height: 39px;
  line-height: 39px;
  margin: 0 20px 20px 20px;
  display: block;
  float: none;
  /*padding:7px 0;*/
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.offer-item .add-to-cart:hover {
  background-color: #ad2929;
}

.offer-item .add-to-cart-qty {
  background: #801422;
  xbackground: #801422;
  border-radius: 5px;
  color: #000;
  width: calc(100% - 40px);
  width: -moz-calc(100% - 40px);
  width: -webkit-calc(100% - 40px);
  height: 39px;
  margin: 0 20px 20px 20px;
  display: block;
  float: none;
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}

.offer-item .add-to-cart-qty .minus {
  width: 59px;
  height: 39px;
  xfloat: left;
  float: left;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.offer-item .add-to-cart-qty .minus:focus {
  background: #ad2929;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.offer-item .add-to-cart-qty .minus:hover {
  background: #ad2929;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.offer-item .add-to-cart-qty .number-to-add {
  width: calc(100% - 59px - 59px);
  width: -moz-calc(100% - 59px - 59px);
  width: -webkit-calc(100% - 59px - 59px);
  height: 39px;
  line-height: 39px;
  color: #fff;
  background: #ad2929;
  float: left;
  xfloat: left;
  margin: 0 auto;
}

.offer-item .add-to-cart-qty .plus {
  width: 59px;
  height: 39px;
  xfloat: right;
  float: right;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.offer-item .add-to-cart-qty .plus.disabled:focus {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.offer-item .add-to-cart-qty .plus.disabled:hover {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.offer-item .add-to-cart-qty .plus:focus {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.offer-item .add-to-cart-qty .plus:hover {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

/* Homepage */
.offer-container.home-section {
  background-color: #fff;
  padding: 11px 0px 60px 0;
}

.home-section .section-title {
  text-align: center;
  margin: 0 0 20px;
}

.home-section .section-title h2 {
  font-size: 36px;
  font-weight: 300;
  color: #2a2a2a;
  margin: 0;
  display: inline-block;
}

/* Slick Slider */
.slick-arrow {
  background-color: transparent;
  background-repeat: no-repeat;
  border: none;
  outline: none;
  position: absolute;
  z-index: 10;
  top: 50%;
}

.offer-wrapper .slick-prev {
  left: -20px;
}

.cart-offer-wrapper .slick-prev {
  left: -4px;
}

.offer-wrapper .slick-next {
  right: -20px;
}

.cart-offer-wrapper .slick-next {
  right: -4px;
}

.offer-wrapper .slick-next i,
.offer-wrapper .slick-prev i，.cart-offer-wrapper .slick-next i,
.cart-offer-wrapper .slick-prev i {
  font-size: 20px;
  color: #404040;
  font-style: normal;
}

.cart-offer-wrapper .slick-next i {
  font-size: 20px;
  color: #404040;
  font-style: normal;
}

.slick-disabled {
  display: none !important;
}

.desktop-top-container {
  display: block;
}

.mobile-top-container {
  display: none;
}

/*comment*/
.testimonial-container {
  min-height: 420px;
  background-color: #f2f2f2;
  position: relative;
}

.testimonial-container .container {
  position: relative;
}

.testimonial-wrapper {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  min-height: 300px;
  position: relative;
}

.testimonial-item {
  text-align: center;
}

.testimonial-item .testimonial-text {
  margin-top: 40px;
  font-size: 32px;
  font-weight: 300;
  text-align: center;
  color: #2a2a2a;
}

.testimonial-item .profile-wrapper {
  margin-top: 52px;
}

.testimonial-item .profile-wrapper .image i {
  width: 60px;
  height: 60px;
  font-size: 60px;
  text-align: left;
  color: #249549;
}

.testimonial-item .profile-wrapper .info-name {
  margin-top: 13px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  color: #2a2a2a;
}

.testimonial-item .profile-wrapper .info-date {
  margin-top: 9px;
  font-size: 18px;
  text-align: center;
  color: #2a2a2a;
}

.testimonial-wrapper .slick-dots {
  text-align: center;
  padding: 0;
  margin: 45px 0 50px 0;
}

.testimonial-wrapper .slick-dots li {
  display: inline-block;
  margin: 0 7px;
}

.testimonial-wrapper .slick-dots li button {
  display: block;
  font-size: 0;
  background: none;
  line-height: 0;
  width: 10px;
  height: 10px;
  background: #a6a6a6;
  border: none;
  border-radius: 100%;
  padding: 0px;
  margin: 8px;
  cursor: pointer;
  outline: none;
}

.testimonial-wrapper .slick-dots li.slick-active button {
  background: #404040;
}

.stat-counter-container {
  padding-top: 30px;
  padding-bottom: 45px;
}

.stats-counter-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.stats-counter-wrapper > ul > li {
  display: inline-block;
  margin-right: 40px;
  margin-bottom: 16px;
}

.stats-counter-wrapper > ul > li:last-child {
  margin-right: 0;
}

.stats-counter-wrapper > ul > li .icon {
  float: left;
  margin-right: 20px;
}

.stats-counter-wrapper > ul > li .stat-wrapper {
  float: left;
}

.stats-counter-wrapper > ul > li .stat-wrapper .number {
  font-size: 26px;
  font-weight: 600;
  text-align: left;
  color: #404040;
  margin-bottom: 4px;
  height: 33px;
  line-height: 33px;
}

.stats-counter-wrapper > ul > li .stat-wrapper .text {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  color: #2a2a2a;
}

.home-section .section-intro {
  font-size: 18px;
  color: #2a2a2a;
  text-align: center;
  margin: 0 0 20px;
}

/* Footer */
.contact-info-container {
  background-color: #eabb7e;
}

.foot-info-wrapper {
  width: 100%;
  float: left;
  padding: 0px 0px 0px 0;
}

.foot-info-wrapper .mobile-link {
  display: none;
}

.foot-info-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  min-height: 249px;
  display: table;
}

.foot-info-wrapper > ul > li {
  display: table-cell;
  position: relative;
  min-height: 249px;
  width: 16%;
  text-align: left;
  padding-top: 15px;
  padding-left: 15px;
  color: #424242;
  font-size: 14px;
  line-height: 1.5em;
  cursor: pointer;
}

.foot-info-wrapper > ul > li a {
  font-size: 14px;
  color: #404040;
}

.foot-info-wrapper > ul > li:last-child {
  /*width: 20%;*/
  text-align: left;
}

.foot-info-wrapper > ul > li .title {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  padding-bottom: 10px;
}

.foot-info-wrapper > ul > li > div {
  padding-bottom: 5px;
}
/*.foot-info-wrapper > ul > li > .menu-item {
            display:block;
            }*/

.foot-info-wrapper > ul > li .bbq-man {
  display: flex;
  display: -webkit-flex;
  font-size: 16px;
  color: #2a2a2a;
}

.foot-info-wrapper > ul > li .bbq-man > .follow-us-item {
  margin-right: 10px;
  height: 20px;
  line-height: 20px;
}

.foot-info-wrapper > ul > li .bbq-man > .follow-us-item img {
  height: 20px;
}

.foot-info-wrapper > ul > li .icon {
  font-size: 16px;
  margin-top: 4px;
  padding-right: 10px;
}

.contact-info-wrapper {
  width: 100%;
  max-width: 723px;
  float: left;
  background-color: #ffd72b;
  padding: 0px 0px 0px 0;
}

.contact-info-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.contact-info-wrapper > ul > li {
  float: left;
  text-align: center;
  padding: 43px 30px 28px;
  position: relative;
  color: #404040;
  font-size: 18px;
  line-height: 1.2em;
}

.contact-info-wrapper > ul > li > a {
  color: #404040;
  font-size: 18px;
  display: block;
}

.a-order-online:focus {
  color: #404040;
}

.a-location:focus {
  color: #404040;
}

.a-sms:focus {
  color: #404040;
}

.a-social-link:hover {
  color: #9e9e9e;
}

.a-social-link:focus {
  color: #b10000;
}

.contact-info-wrapper > ul > li img {
  margin-bottom: 18px;
}

.contact-info-wrapper > ul > li.bbq-man {
  top: -24px;
  width: 220px;
  padding-left: 82px;
}

.contact-info-wrapper > ul > li.bbq-man > img {
  position: absolute;
  top: 0;
  left: 82px;
  z-index: 9;
}

.download-info-wrapper {
  width: 100%;
  max-width: 389px;
  float: left;
  background-color: #ffc619;
  padding: 0px 44px;
}

.download-info-wrapper .title {
  font-weight: 600;
  font-size: 18px;
  color: #404040;
  padding: 16px 0;
}

.foot-info-wrapper > ul > li .title > span {
  cursor: pointer;
  display: none;
}

.download-info-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.download-info-wrapper > ul > li {
  float: left;
  text-align: center;
  line-height: 1.2em;
  margin-right: 82px;
}

.download-info-wrapper > ul > li:last-child {
  margin-right: 0;
}

.download-info-wrapper > ul > li > a {
  font-size: 18px;
  color: #404040;
  display: block;
}

.download-info-wrapper > ul > li img {
  margin-bottom: 18px;
}

.book-menu {
  margin-right: 11px;
  font-size: 16px;
  height: 23px;
  width: 16px;
  vertical-align: bottom;
  font-style: normal;
  font-family: Material Icons;
}

.downloads-halal {
  width: 21px;
  margin-right: 5px;
  display: inline-block;
}

.downloads-grade {
  width: 20px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}

.quick-links-container {
  margin-bottom: 25px;
}

.quick-links-container .title {
  font-weight: 600;
  font-size: 16px;
  color: #404040;
  margin-bottom: 15px;
}

.connect-with-us-wrapper,
.need-help-wrapper,
.about-bbqwc-wrapper,
.our-certifications-wrapper {
  float: left;
  padding: 0 39px;
  border-right: 1px solid #cccccc;
}

.connect-with-us-wrapper {
  padding-left: 117px;
}

.connect-with-us-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.connect-with-us-wrapper > ul > li {
  margin-bottom: 6px;
}

.connect-with-us-wrapper > ul > li > a {
  font-size: 14px;
  color: #717171;
  text-decoration: none;
}

.connect-with-us-wrapper > ul > li > a span {
  margin-right: 10px;
}

.need-help-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.need-help-wrapper > ul > li {
  margin-bottom: 3px;
}

.about-bbqwc-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.about-bbqwc-wrapper > ul > li {
  margin-bottom: 3px;
}

.our-certifications-wrapper {
  border: none;
}

.our-certifications-wrapper > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.our-certifications-wrapper > ul > li {
  float: left;
  margin-right: 48px;
}

.our-certifications-wrapper > ul > li:last-child {
}

.our-certifications-wrapper .cert-name {
  font-size: 14px;
  color: #404040;
  margin: 9px 0;
  line-height: 1.2em;
}

.payment-options-wrapper {
  height: 50px;
  width: 100%;
  background-color: #7ca05b;
  /*margin-bottom: 22px;*/
}

.payment-options-wrapper > .container > .copyright {
  height: 50px;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.payment-options-wrapper > .container > .copyright > ul {
  height: 50px;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  display: flex;
  display: -webkit-flex;
}

.payment-options-wrapper > .container > .copyright > ul > li {
  margin-right: 4px;
  margin-top: 10px;
}

.payment-options-wrapper > .container > .copyright > ul > li > img {
  vertical-align: top;
  height: 30px;
}

.copyright-wrapper {
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  color: #ffffff;
  line-height: 50px;
}

.copyright-wrapper a {
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  color: #ffffff;
  line-height: 50px;
}

/*alacarte bar*/

.product-filter-container {
  background: #801422;
  width: 100%;
  height: 96px;
  padding: 11px 0 10px 0;
}

.product-filter-container .product-scroll-container {
  background: #801422;
  height: 90px;
  position: fixed;
  top: 108px;
  left: 0;
  z-index: 103;
  margin-top: 0;
}

.product-alacart-container.product-scroll-container {
  background: #801422;
  height: 90px;
  position: fixed;
  top: 108px;
  left: 0;
  z-index: 103;
  margin-top: 0;
}

.shop-for-wrapper {
  background: url("../images/shop_for.png") no-repeat 5px 0;
  height: 75px;
  color: #fff;
  font-size: 18px;
  line-height: 75px;
  padding-left: 15px;
  width: 135px;
  float: left;
}

.products-container {
  width: 100%;
  margin-top: 20px;
}

.categories-big-wrapper {
  width: 198px;
  float: left;
}

.categories-small-wrapper {
  /* width: 998px;*/
  width: 100%;
  float: left;
}

.categories-wrapper .category-entry.selected {
  background: #ffc619;
  opacity: 1;
}

.category-entry.selected span {
  color: #404040;
}

.category-entry {
  width: 90px;
  height: 75px;
  float: left;
  position: relative;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #eab87e;
  margin-right: 10px;
  border-radius: 3px;
  background-color: #801422;
}

.category-entry:hover {
  border: solid 1px #eab87e;
  box-shadow: 0 0 10px #eab87e; /* 发光效果 */
  transition: box-shadow 0.3s, border 0.3s; /* 平滑过渡 */
}

.product-filter-mobile-item .category-mobile-entry:hover {
  background-color: #ffffff !important;
  border: solid 1px #249549;
}

.product-filter-mobile-item .category-mobile-entry .category-entry-clicked {
  background-color: #ffffff !important;
}

.category-entry-clicked {
  box-shadow: 0 0 10px #eab87e; /* 发光效果 */
  border: solid 2px #eab87e;
}

.category-entry img {
  display: inline-block;
  text-align: center;
  max-height: 28px;
}

.category-entry .category-entry-name {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  width: 76px;
  height: 40px;
  padding: 0 10px;
  display: table;
  text-align: center;
  margin: 0 auto;
}

.category-entry span {
  display: table-cell;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  font-size: 14px;
  line-height: 14px;
  color: #eab87e;
  vertical-align: middle;
}

.category-entry a {
  xopacity: 0.2;
  height: 100%;
  display: block;
}

.category-entry a span {
  opacity: 1;
}

.category-entry a.selected,
.category-entry a:hover {
  opacity: 1;
}

.category-entry a.selected span,
.category-entry a:hover span {
  opacity: 1;
}

.categories-small-wrapper .display-list {
  float: left;
  width: 80px;
  height: 65px;
}

.categories-small-wrapper .display-list .display-desc {
  font-family: Lato;
  width: 100%;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #eab87e;
}

.categories-small-wrapper .display-type {
  width: 100%;
}

.categories-small-wrapper .display-list .view-list {
  width: 28px;
  height: 35px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.categories-small-wrapper .display-list .view-list i {
  font-size: 30px;
  color: #a6a6a6;
}

.categories-small-wrapper .display-list .view-list:hover i {
  color: #eab87e;
}

.categories-small-wrapper .display-list .view-table {
  width: 28px;
  height: 30px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.categories-small-wrapper .display-list .view-table i {
  font-size: 30px;
  color: #a6a6a6;
}

.categories-small-wrapper .display-list .view-table:hover i {
  color: #eab87e;
}

.categories-small-wrapper .display-list .view-table-selected i {
  color: #eab87e;
}

.categories-small-wrapper .display-list .view-list-selected i {
  color: #eab87e;
}

.product-filter-mobile-container {
  display: none;
  width: 100%;
  height: 70px;
  padding: 10px 0;
  background-color: #f2f2f2;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.product-filter-mobile-container.packages-container {
  padding: 0 10px;
}

.product-filter-mobile-container.packages-container .categories-main-wrapper {
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.product-filter-mobile-container.packages-container .category-cart-entry {
  margin-top: 10px;
  width: 120px;
  height: 50px;
  border-radius: 3px;
  background-color: #d03436;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
}

.product-filter-mobile-container.packages-container .category-pax-entry {
  text-align: center;
  margin-top: 5px;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: #2a2a2a;
}

.product-filter-mobile-container.packages-container .category-pax-entry i {
  font-family: Material Icons;
  font-size: 22px;
  color: #2a2a2a;
  font-style: normal;
}

.product-filter-mobile-container .category-all-entry {
  display: table;
  width: 280px;
  height: 50px;
  margin: 0 20px;
  background: #fff;
  border: 2px solid #eab87e;
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
  text-align: center;
  line-height: 50px;
  float: left;
}

.product-filter-mobile-container .category-price-entry {
  margin-top: 10px;
  display: table;
  width: 120px;
  height: 50px;
  background: #fff;
  border: 2px solid #eab87e;
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
  text-align: center;
  line-height: 50px;
  float: left;
}

.product-filter-mobile-container .category-all-entry .icon-f-all,
.product-filter-mobile-container .category-all-entry .icon-span-all {
  display: inline-block;
}

.product-filter-mobile-container .category-all-entry .icon-f-all {
  margin-right: 16px;
  vertical-align: middle;
}

.categories-main-wrapper .category-main-entry {
  border: 0;
  float: left;
  margin-left: 6px;
  height: 50px;
}

.categories-main-wrapper .category-main-entry .view-table,
.categories-main-wrapper .category-main-entry .view-list {
  display: inline-block;
  margin-top: 10px;
}

.categories-main-wrapper .category-main-entry .view-table {
  margin-right: 6px;
}

.product-filter-mobile-container .view-list {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.product-filter-mobile-container .view-list i {
  font-size: 30px;
  color: #eab87e;
}

.product-filter-mobile-container .view-list-selected i {
  color: #eab87e;
}

.product-filter-mobile-container .view-table {
  width: 30px;
  height: 30px;
  margin: 0 auto;
}

.product-filter-mobile-container .view-table i {
  font-size: 30px;
  color: #eab87e;
}

.product-filter-mobile-container .view-table:hover i {
  color: #eab87e;
}

.product-filter-mobile-container .view-table-selected i {
  color: #eab87e;
}

.product-filter-mobile-info {
  display: flex;
  flex-wrap: wrap;
}

.product-filter-mobile-item {
  display: flex;
  flex-wrap: wrap;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 20px 20px 20px;
  background: #f2f2f2;
  z-index: 999999;
}

.product-filter-mobile-item a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.product-filter-mobile-item .category-mobile-entry {
  display: flex;
  align-items: center;
  position: relative;
  height: 50px;
  min-width: 160px;
  min-height: 50px;
  width: calc(50% - 7.5px);
  width: -moz-calc(50% - 7.5px);
  width: -webkit-calc(50% - 7.5px);
  margin-top: 15px;
  margin-right: 7.5px;
  padding: 0 16px;
  border-radius: 3px;
  background-color: #ebe7e3;
  border: solid 1px #a6a6a6;
}

.product-filter-mobile-item a:nth-child(2n) .category-mobile-entry {
  width: calc(50% - 7.5px);
  width: -moz-calc(50% - 7.5px);
  width: -webkit-calc(50% - 7.5px);
  margin-right: 0;
  margin-left: 7.5px;
}

.package-modal
  .product-filter-mobile-item
  .category-mobile-entry:nth-child(2n) {
  width: calc(50% - 7.5px);
  width: -moz-calc(50% - 7.5px);
  width: -webkit-calc(50% - 7.5px);
  margin-right: 0;
  margin-left: 7.5px;
}

.product-filter-mobile-item .category-mobile-entry .category-mobile-flex {
  display: flex;
  align-items: center;
}

.product-filter-mobile-item .category-mobile-entry .image {
  width: 35px;
  margin-right: 10px;
}

.product-filter-mobile-item .category-mobile-entry .category-entry-name {
  color: #404040;
  font-size: 16px;
  font-weight: 600;
}

.product-filter-mobile-item .category-mobile-entry .category-entry-name span {
  color: #404040;
}

.product-filter-mobile-item .category-mobile-entry img {
}

.product-filter-mobile-item .category-mobile-entry.selected {
  border: 1px solid #249549;
  background: #fff;
}

.praise-content {
  overflow: auto;
}

.praise-content .praise,
.praise-content .edit-praise {
  position: relative;
  display: table;
  float: left;
}

.praise i,
.edit-praise i {
  display: table-cell;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
}

.praise-content .praise-result,
.praise-content .praise-submit,
.praise-content .praise-desc,
.praise-content .praise-num {
  float: left;
  font-style: normal;
  padding-left: 5px;
  padding-top: 2px;
  font-size: 14px;
  color: #616161;
}

.praise-value {
  background-image: url("/assets/images/gooded-icon.png");
  background-repeat: no-repeat;
  width: 26px;
  height: 21px;
}

.comment-value {
  background-image: url("/assets/images/good-icon.png");
  background-repeat: no-repeat;
  width: 26px;
  height: 21px;
}

.categories-wrapper .lbl {
  width: 100%;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: bold;
}

.product-filter-mobile .category-entry {
  border: 1px solid #acacac;
  border-radius: 5px;
  background: #ebe7e4;
}

.product-filter-mobile .category-entry.selected {
  opacity: 1;
  background: #f2f2f1 !important;
  border: 1px solid #e5e6e5;
}

.category-3-dots {
  padding-left: 10px;
}

.arrow-down {
  position: absolute;
  bottom: 59px;
  right: 50px;
  display: none;
}

.category-main-entry a {
  xopacity: 0.2;
  height: 100%;
  display: block;
}

.category-main-entry a span {
  opacity: 1;
}

.category-main-entry a.selected,
.category-main-entry a:hover {
  opacity: 1;
}

.category-main-entry a.selected span,
.category-main-entry a:hover span {
  opacity: 1;
}

.product-filter-mobile {
  display: none;
  position: absolute;
  bottom: 116px;
  background: #ddd6d1;
  border-radius: 8px;
  border: 1px solid #e5e4e4;
  width: 95%;
  margin: 0 auto;
  left: 0;
  right: 0;
  padding-top: 10px;
  box-shadow: 0 0 3px #ccc;
}

.product-filter-mobile .lbl {
  text-align: left;
  line-height: 20px;
}

/*Veiw-List*/
.view-list-content {
  margin-top: 10px;
  margin-bottom: 115px;
}

.view-list-content .table-title {
  height: 54px;
  background: #d7d7d7;
  border-bottom: 3px solid #404040;
  line-height: 54px;
}

.packages-content.view-list-content .table-title {
  background: #fff;
  height: 27px;
  margin-top: 4px;
  padding-bottom: 4px;
}

.view-list-content .table-title .title-item span {
  margin-left: 183px;
}

.view-list-content .table-title .title-item {
  height: 47px;
  line-height: 47px;
  font-size: 16px;
  font-weight: 700;
  color: #404040;
}

.packages-content.view-list-content .table-title .title-item {
  height: 23px;
  line-height: 23px;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.view-list-content .ala-item1 {
  width: 57%;
  float: left;
}

.view-list-content .ala-item2 {
  max-width: 188px;
  width: 17%;
  float: left;
  text-align: center;
}

.view-list-content .ala-item3 {
  width: 43%;
  height: 100px;
  float: left;
  text-align: left;
  padding-left: 120px;
  padding-right: 20px;
  display: flex;
  display: -webkit-flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
}

.view-list-content .ala-item4 {
  max-width: 227px;
  width: 21%;
  float: left;
  text-align: center;
}

.view-list-content .view-list-content-item {
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  padding: 16px 0;
  overflow: auto;
}

.view-list-content .viewlist .view-list-content-item {
  overflow: hidden;
}

.view-list-content .view-list-content-item:hover {
  background: #f1f2eb;
}

.view-list-content .view-list-content-item .ala-first {
  display: table;
}

.view-list-content .ala-item1 .ala-image {
  position: relative;
  width: 165px;
  padding: 0 24px;
  display: table-cell;
}

.view-list-content .ala-item1 .ala-image img {
  width: 133px;
  height: 100px;
}

.view-list-content .ala-item1 .ala-image .chef-recommend {
  display: none;
  position: absolute;
  top: 1px;
  left: 1px;
}

.view-list-content .ala-item1 .ala-image .chef-recommend img {
  width: 26px;
  height: 26px;
  border: none;
}

.view-list-content .ala-item1 .ala-introduction {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  max-width: calc(100% - 167px);
  max-width: -moz-calc(100% - 167px);
  max-width: -webkit-calc(100% - 167px);
  padding-left: 0px;
  padding-right: 0px;
}

.view-list-content .view-list-content-item .ala-item1 .ala-introduction div {
  padding: 0px;
  margin: 0px;
}

.view-list-content
  .view-list-content-item
  .ala-item1
  .ala-introduction
  div.ala-name {
  font-size: 18px;
  font-weight: 600;
  color: #404040;
  line-height: 22px;
}

.view-list-content
  .view-list-content-item
  .ala-item1
  .ala-introduction
  div.ala-desc {
  margin-top: 10px;
  font-size: 16px;
  color: #676767;
  line-height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.view-list-content
  .view-list-content-item
  .ala-item1
  .ala-introduction
  div.ala-desc
  p {
  display: none;
}

.view-list-content .view-list-content-item .ala-item2 .praise {
  display: table;
  margin: 12px auto 0 auto;
}

.view-list-content .view-list-content-item .ala-item2 .praise-num {
  margin-top: 8px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  color: #616161;
}

.view-list-content .view-list-content-item .ala-item3 {
  font-size: 18px;
  line-height: 18px;
  color: #8b8b8b;
  font-weight: 500;
}

.view-list-content .view-list-content-item .ala-item3 ins {
  font-size: 26px;
  font-weight: 600;
  color: #404040;
  text-decoration: none;
}

.view-list-content .view-list-content-item .ala-item3 p {
  font-size: 14px;
  color: #404040;
  padding: 0;
  margin: 2px 0 0 0;
}

.view-list-content .view-list-content-item .ala-item3 p del {
  font-size: 16px;
  font-weight: 600;
  color: #616161;
}

.view-list-content .view-list-content-item .ala-item3 .ala-hot {
  position: relative;
  display: table;
  padding-top: 30px;
  /*height: 64px;*/
  margin: 0 auto;
}

.view-list-content .view-list-content-item .ala-item3 .ala-hot i {
  display: table-cell;
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  font-weight: 700;
  height: 64px;
}

.view-list-content .view-list-content-item .ala-item3 .ala-hot-new {
  background-image: url("/assets/images/ico-new.png");
  background-repeat: no-repeat;
  width: 38px;
  height: 33px;
}

.view-list-content .view-list-content-item .ala-item3 .ala-hot-recommend {
  background-image: url("/assets/images/icon-chef-recommend.png");
  background-repeat: no-repeat;
  width: 34px;
  height: 34px;
}

.view-list-content .view-list-content-item .ala-item4 {
  max-width: 223px;
  text-align: center;
  padding-left: 30px;
}

.view-list-content .view-list-content-item .ala-item4 ins {
  font-size: 28px;
  font-weight: 400;
  color: #404040;
  text-decoration: none;
}

.view-list-content .view-list-content-item .ala-item4 del {
  font-size: 18px;
  font-weight: 400;
  color: #999999;
  margin-left: 10px;
}

.view-list-content .view-list-content-item .ala-item4 .options {
  margin-top: 16px;
}

.view-list-content .view-list-content-item .add-to-cart {
  background: #d03436;
  xbackground: #d03436;
  border-radius: 5px;
  color: #000;
  max-width: 160px;
  width: 160px;
  height: 39px;
  line-height: 39px;
  display: block;
  float: none;
  /* padding: 7px 0; */
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.view-list-content .view-list-content-item .add-to-cart:hover {
  background-color: #ad2929;
}

.view-list-content .view-list-content-item .add-to-cart-qty {
  background: #d03436;
  xbackground: #d03436;
  border-radius: 5px;
  color: #000;
  max-width: 160px;
  width: 160px;
  height: 39px;
  line-height: 39px;
  display: block;
  float: none;
  /* padding: 7px 0; */
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.view-list-content .view-list-content-item .minus {
  width: 39px;
  height: 39px;
  xfloat: left;
  float: left;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.view-list-content .view-list-content-item .minus:hover,
.view-list-content .view-list-content-item .plus:hover {
  background: #ad2929;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.view-list-content .view-list-content-item .plus {
  width: 39px;
  height: 39px;
  xfloat: right;
  float: right;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.view-list-content .view-list-content-item .plus i,
.view-list-content .view-list-content-item .minus i {
  font-size: 16px;
}

.view-list-content .view-list-content-item .number-to-add {
  width: calc(100% - 39px - 39px);
  width: -moz-calc(100% - 39px - 39px);
  width: -webkit-calc(100% - 39px - 39px);
  height: 39px;
  line-height: 39px;
  color: #fff;
  background: #ad2929;
  float: left;
  xfloat: left;
  margin: 0 auto;
}

.view-list-content .pk-item1 {
  max-width: 100px;
  width: 100%;
  float: left;
  padding-left: 29px;
}

.view-list-content .title-item.pk-item1,
.view-list-content .title-item.pk-item2,
.view-list-content .title-item.pk-item3,
.view-list-content .title-item.pk-item4 {
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.view-list-content .pk-item2 {
  max-width: calc(100% - 448px);
  max-width: -moz-calc(100% - 448px);
  max-width: -webkit-calc(100% - 448px);
  width: 100%;
  float: left;
  text-align: center;
}

.view-list-content .pk-item3 {
  max-width: 170px;
  width: 100%;
  float: left;
  text-align: center;
}

.view-list-content .pk-item4 {
  max-width: 178px;
  width: 100%;
  float: left;
  text-align: center;
}

.view-list-content .pk-item5 {
  width: 100%;
  /*padding:0 40px;*/
}

.view-list-content .pk-item4 div {
  font-size: 16px;
  font-weight: 700;
  color: #616161;
}

.view-list-content .package-item-content {
  border-bottom: 1px solid #d7d7d7;
  width: 100%;
  padding: 20px 0;
}

.view-list-content .package-item-content:last-child {
  border-bottom: 3px solid #404040;
}

.view-list-content .package-item-content .item-content-index {
  overflow: hidden;
  padding-bottom: 15px;
  position: relative;
}

.view-list-content .package-item-content .options-angle {
  clear: both;
  text-align: center;
  width: 100%;
  height: 30px;
  cursor: pointer;
}

.view-list-content .package-item-content .options-angle i {
  font-size: 32px;
}

.view-list-content .package-item-content .pk-item1 {
  font-size: 18px;
  font-weight: 500;
  color: #404040;
  line-height: 100px;
}

.view-list-content .package-item-content .pk-item3 {
  height: 100px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}

.view-list-content .package-item-content .pk-item4 {
  /*max-width: 262px;*/
  height: 100px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
}

.view-list-content .package-item-content .pk-secend {
  display: table;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.view-list-content .package-item-content .promp-info {
  position: absolute;
  right: 0;
  top: calc(50% + 9px);
  width: 198px;
  display: none;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #616161;
}

.tooltip-inner {
  border-bottom-color: #616161;
  background-color: #616161;
}

.tooltip.in {
  opacity: 1;
}

.tooltip-inner {
  max-width: 200px;
  width: 200px;
  text-align: left;
}

.view-list-content .package-item-content .promp-info .promp-info-content {
  width: 100%;
  height: 78px;
  border-radius: 4px;
  background-color: #616161;
  position: relative;
  font-size: 14px;
  text-align: left;
  color: #ffffff;
  padding-left: 13px;
  padding-right: 13px;
}

.view-list-content
  .package-item-content
  .promp-info
  .promp-info-content
  .promp-info-text {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  height: 78px;
  width: 100%;
}

.view-list-content
  .package-item-content
  .promp-info
  .promp-info-content
  .promp-info-icon {
  position: absolute;
  right: 36px;
  top: -9px;
  width: 0;
  border-color: #616161;
  height: 0;
  border-left: 7.5px solid transparent;
  border-right: 7.5px solid transparent;
  border-bottom: 9px solid #616161;
}

.view-list-content .pk-item2 .pk-image {
  width: 133px;
  height: 100px;
  padding: 0px;
  display: table-cell;
}

.view-list-content .pk-item2 .pk-image img {
  width: 133px;
  height: 100px;
}

.view-list-content .pk-item2 .pk-introduction {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: calc(100% - 143px);
  width: -moz-calc(100% - 143px);
  width: -webkit-calc(100% - 143px);
  padding-left: 33px;
  padding-right: 13px;
}

.view-list-content .pk-item2 .pk-introduction div.pk-name {
  font-size: 18px;
  font-weight: 700;
  color: #404040;
  line-height: 22px;
}

.view-list-content .pk-item2 .pk-introduction div.pk-desc {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #616161;
  line-height: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.view-list-content .pk-item3 div.pk-qty,
.view-list-content .pk-item3 div.pk-qty-mobile {
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.view-list-content .pk-item3 div.pk-qty-mobile {
  display: none;
}

.view-list-content .pk-item3 div.pk-pack {
  font-size: 16px;
  color: #2a2a2a;
}

.view-list-content .pk-item4 .btn-change-item {
  width: 140px;
  height: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #249549;
  padding: 0px 12px;
  line-height: 50px;
  text-align: center;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 2px #249549;
}

.view-list-content .pk-item4 .btn-change-item.checked {
  opacity: 0.5;
}

.view-list-content .pk-item4 .btn-change-item.selected {
  border: 2px solid #404040;
  color: #404040;
  background-color: #ddd6d1;
}
/*alacarte Modal*/
.modal-footer .btn-msg-ok,
.modal-footer .btn-ok,
.modal-footer {
  text-align: center;
}

.modal-footer .btn-msg-ok:hover,
.modal-footer .btn-ok:hover,
.modal-footer .btn-dismissnow:hover {
  background-color: #249549;
  color: #ffffff;
  font-size: 18px;
}

.modal-footer .btn-msg-ok:hover,
.modal-footer .btn-ok:hover,
.modal-footer .btn-dismissnow:checked {
  background-color: #249549;
  color: #ffffff;
  font-size: 18px;
}

.modal-footer .btn-msg-ok,
.modal-footer .btn-ok,
.modal-footer .btn-dismissnow {
  width: 150px;
  height: 50px;
  border-radius: 3px;
  background-color: #249549;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

.sms-dialog .modal-footer .btn-ok {
  width: 260px;
}

.add-cart-popup .modal-footer .btn-dismissnow,
.select-add-cart-popup .modal-footer .btn-dismissnow {
  background: none;
}

.add-cart-popup .modal-footer .btn-dismissnow:hover,
.select-add-cart-popup .modal-footer .btn-dismissnow:hover {
  color: #34a1ce;
  font-size: 14px;
}

.red-text {
  color: #d03436;
}

.txtBBQDate {
  text-align: center;
  background: url(../images/icon-bbq-date.png) no-repeat 97% 7px;
  border: 1px solid #acacac;
  border-radius: 5px;
  width: 190px;
  padding: 5px;
  -webkit-user-select: none;
}

.txtBBQDate.invalid {
  border: 1px solid #d03436;
  color: #d03436;
}

.txtBBQDate::-webkit-input-placeholder {
  color: #acacac;
  font-style: italic;
  text-align: left;
  font-size: 14px;
}

.txtBBQDate:-moz-placeholder {
  /* Firefox 18- */
  color: #acacac;
  font-style: italic;
  text-align: left;
  font-size: 14px;
}

.txtBBQDate::-moz-placeholder {
  /* Firefox 19+ */
  color: #acacac;
  font-style: italic;
  text-align: left;
  font-size: 14px;
}

.txtBBQDate:-ms-input-placeholder {
  color: #acacac;
  font-style: italic;
  text-align: left;
  font-size: 14px;
}

.cooked-food-availability .modal-footer {
  text-align: center;
}

.cooked-food-availability .modal-body p.notavailable {
  display: none;
  padding: 10px 30px;
}

.cooked-food-availability .modal-body p.notavailable img {
  padding-right: 8px;
  float: left;
}

.cooked-food-availability .modal-body p.available {
  display: none;
  padding: 10px 30px;
}

.cooked-food-availability .modal-body p.available img {
  padding-right: 8px;
  float: left;
}

.cooked-food-availability .modal-footer .btn-continue {
  width: 100px;
  height: 50px;
  border-radius: 3px;
  background-color: #249549;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

.cooked-food-availability .modal-footer .btn-check {
  width: 100px;
  height: 50px;
  border-radius: 3px;
  background-color: #249549;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

.cooked-food-availability .modal-footer .btn-notnow {
  font-size: 14px;
  font-weight: 600;
  color: #34a1ce;
  border: none;
}

.cooked-food-availability .modal-footer .btn-notnow:hover {
  background: none;
}

.cooked-food-availability .modal-dialog {
  max-width: 350px;
}

.cooked-food-availability .modal-body {
  text-align: center;
}

.itemstate-popup {
}

.itemstate-popup .modal-dialog {
  width: 100%;
}

.itemstate-popup .modal-header {
}

.itemstate-popup .modal-header h4.modal-title {
  font-size: 18px;
  font-weight: 600;
}

.itemstate-popup .modal-body {
  width: 100%;
  float: left;
  background: #fff;
  padding: 0px;
  /*padding: 20px;*/
}

.itemstate-popup .modal-body .itemstate-content {
}

.itemstate-popup .modal-body .itemstate-content .image {
  width: 399px;
  float: left;
  margin-right: 20px;
  margin-left: 30px;
  position: relative;
}

.itemstate-popup .modal-body .itemstate-content .image .main-image {
  width: 100%;
  border: solid 1px #d7d7d7;
  position: relative;
}

.itemstate-popup .modal-body .itemstate-content .image .main-image img {
  /*width: 397%;*/
  height: 298px;
}

.itemstate-popup .modal-body .itemstate-content .image .image-item {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 100%;
  /*display:flex;
                justify-content:space-between;*/
}

.itemstate-popup .modal-body .itemstate-content .image .main-image-dots {
  width: 100%;
  display: none;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .main-image-dots
  .slick-dots {
  list-style: none;
  text-align: center;
  width: 100%;
  padding-left: 0;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .main-image-dots
  .slick-dots
  li {
  display: inline-block;
  margin: 0;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .main-image-dots
  .slick-dots
  li
  button {
  display: block;
  font-size: 0;
  background: #d7d7d7;
  line-height: 0;
  width: 10px;
  height: 10px;
  border: 2px solid #ffffff;
  border-radius: 100%;
  padding: 0px;
  margin: 8px;
  cursor: pointer;
  outline: none;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .main-image-dots
  .slick-dots
  li.slick-active
  button {
  background: #249549;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .slick-track {
  /*width:100%!important;*/
  /*display: flex;
                    justify-content: space-between;*/
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .slick-track {
  width: 399px !important;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .slick-track:after,
.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .main-image
  .slick-track:before,
.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .slick-track:before {
  display: none;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .slick-track
  .lessen-item {
  width: 80px !important;
  cursor: pointer;
  margin-right: calc((100% - 320px) / 3);
  margin-right: -moz-calc((100% - 320px)/3);
  margin-right: -webkit-calc((100% - 320px)/3);
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .slick-track
  .lessen-item:last-child {
  margin-right: 0px;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .lessen-item {
  width: 80px;
  height: 60px;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .image
  .image-item
  .lessen-item
  img {
  width: 78px;
  height: 58px;
  border: solid 1px #d7d7d7;
}
/*.itemstate-popup .modal-body .itemstate-content .image .image-item .lessen-item:last-child {
                        margin-right:0px;
                        }*/

.itemstate-popup .modal-body .itemstate-content .image .discount {
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  right: 6px;
  bottom: 6px;
  z-index: 10;
  background-color: #db4b46;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  line-height: 1em;
  padding-top: 7px;
}

.itemstate-popup .modal-body .itemstate-content .content {
  width: calc(100% - 491px);
  width: -moz-calc(100% - 491px);
  width: -webkit-calc(100% - 491px);
  float: left;
  margin-right: 30px;
}

.itemstate-popup .modal-body .itemstate-content .content-info {
  display: flex;
  flex-flow: row wrap;
}

.itemstate-popup .modal-body .itemstate-content .image .title {
  font-size: 18px;
  min-height: 30px;
  line-height: 30px;
  margin-bottom: 7px;
  font-weight: 600;
  color: #2a2a2a;
  display: none;
}

.itemstate-popup .modal-body .itemstate-content .content .title {
  width: 100%;
  min-height: 45px;
  line-height: 45px;
  font-size: 36px;
  font-weight: 300;
  color: #2a2a2a;
}

.itemstate-popup .modal-body .itemstate-content .content .description {
  width: 100%;
  font-size: 16px;
  line-height: 1.38;
  border-bottom: 1px solid #ebebeb;
  padding-bottom: 16px;
  color: #2a2a2a;
}

.itemstate-popup .modal-body .itemstate-content .content .options {
  width: 100%;
  font-size: 18px;
  padding-top: 16px;
  margin-bottom: 10px;
}

.itemstate-popup .modal-body .itemstate-content .content .options table {
  width: 100%;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .options
  table
  tr
  td:first-child {
  width: 100px;
  vertical-align: top;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .options
  table
  tr
  td:last-child {
  padding-left: 5px;
  font-size: 16px;
  line-height: 1.38;
  color: #2a2a2a;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .options
  table
  tr
  td
  b {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.38;
  color: #000000;
}

.itemstate-popup .modal-body .itemstate-content .content .sold-by {
  font-size: 14px;
  font-style: italic;
  color: #676767;
  padding-top: 12px;
  padding-bottom: 16px;
}

.itemstate-popup .modal-body .itemstate-content .content .price-info {
  width: 100%;
  /*margin-top:15px;*/
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 0;
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
}

.itemstate-popup .modal-body .itemstate-content .content .price {
}

.itemstate-popup .modal-body .itemstate-content .content .price ins {
  font-size: 26px;
  font-weight: 600;
  text-align: left;
  color: #404040;
  text-decoration: none;
}

.itemstate-popup .modal-body .itemstate-content .content .price del {
  font-size: 16px;
  color: #999999;
  text-align: left;
}

.itemstate-popup .modal-header .close {
  margin-top: 5px;
}

.itemstate-popup .modal-body .itemstate-content .content .actions {
  width: 160px;
}

.itemstate-popup .modal-body .itemstate-content .content .actions .add-to-cart {
  background: #d03436;
  xbackground: #d03436;
  border-radius: 5px;
  color: #000;
  max-width: 160px;
  width: 160px;
  height: 39px;
  line-height: 39px;
  display: block;
  float: none;
  /* padding: 7px 0; */
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .actions
  .add-to-cart-unavailabe {
  /*font-size: 16px;
            font-weight: 600;
            color: #ddd;
            padding: 7px 12px;
            display: block;*/
}

.itemstate-popup .modal-body .itemstate-content .content .add-to-cart-qty {
  background: #d03436;
  xbackground: #d03436;
  border-radius: 5px;
  color: #000;
  max-width: 160px;
  width: 160px;
  height: 39px;
  line-height: 39px;
  display: block;
  float: none;
  /* padding: 7px 0; */
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .minus {
  width: 39px;
  height: 39px;
  xfloat: left;
  float: left;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .minus:focus {
  background: #ad2929;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .minus:hover {
  background: #ad2929;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .minus.dissabled {
  background: #ddd url(../images/icon-minus.png);
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .number-to-add {
  width: calc(100% - 39px - 39px);
  width: -moz-calc(100% - 39px - 39px);
  width: -webkit-calc(100% - 39px - 39px);
  height: 39px;
  line-height: 39px;
  color: #fff;
  background: #ad2929;
  float: left;
  xfloat: left;
  margin: 0 auto;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .plus {
  width: 39px;
  height: 39px;
  xfloat: right;
  float: right;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .plus:focus {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .plus:hover {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .content
  .add-to-cart-qty
  .plus.disabled {
  background: #ddd url(../images/icon-plus.png);
}

.itemstate-popup .modal-body .itemstate-content .cooking-tips {
  width: 100%;
  padding-top: 24px;
}

.itemstate-popup .modal-body .itemstate-content .cooking-tips a.c-tips {
  font-size: 18px;
  color: #2a2a2a;
}

.itemstate-popup .modal-body .itemstate-content .cooking-tips a.c-tips.open {
  background: url("../images/icon-arrow-red-up.png") no-repeat;
  background-position: 99% 7px;
}

.itemstate-popup .modal-footer {
  width: 100%;
  float: left;
  background: #fff;
  display: none;
}

.itemstate-popup .modal-body .itemstate-content .cooking-tips .content {
  /*display: none;*/
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  float: left;
  padding-top: 14px;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .image-info {
  width: 106px;
  height: 63px;
  display: table;
}

.itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat,
.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .cooking-time,
.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .pit-placement {
  max-width: 106px;
  height: 135px;
  width: 100%;
}

.itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat {
  height: 136px;
  padding: 7px 0;
  text-align: center;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .heat
  ul {
  list-style: none;
  padding: 0;
  display: inline-block;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .heat
  ul
  li {
  float: left;
}

.itemstate-popup .modal-body .itemstate-content .cooking-tips .content .heat p {
  padding: 0;
  margin-bottom: 0px;
  width: 100%;
  float: left;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .heat
  img {
  width: 108px;
  margin-top: 13px;
  height: 37px;
  display: table-cell;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .cooking-time {
  padding: 7px 0;
  text-align: center;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .cooking-time
  img {
  width: 60px;
  height: 63px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .cooking-time
  p {
  padding: 0;
  margin-bottom: 0px;
  width: 100%;
  float: left;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .pit-placement {
  padding: 7px 0;
  text-align: center;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .pit-placement
  p {
  padding: 0;
  margin-bottom: 0px;
  width: 100%;
  float: left;
}

.itemstate-popup
  .modal-body
  .itemstate-content
  .cooking-tips
  .content
  .pit-placement
  img {
  height: 60px;
  margin: 0 auto;
  display: table-cell;
  vertical-align: middle;
}

.choose-package .package-contents {
  width: 100%;
  height: 122px;
  background-color: #f2f2f2;
  color: #2a2a2a;
  padding: 0 20px 20px 20px;
}

.choose-package .package-contents .package-title {
  height: 42px;
  line-height: 42px;
  margin: 0;
}

.choose-package .package-contents .package-list {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  /*-webkit-justify-content: space-between;
        justify-content: space-between;*/
}

.choose-package .package-contents .package-list .package-item {
  float: left;
  max-width: 268px;
  width: 100%;
  margin-right: 23px;
  height: 58px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  background-color: #ebe7e3;
  border: solid 2px #a6a6a6;
  cursor: pointer;
}

.choose-package .package-contents .package-list .package-item:last-child {
  margin-right: 0;
}

.choose-package .package-contents .package-list .package-item:hover {
  background-color: #ffffff;
  border: solid 1px #249549;
}

.choose-package
  .package-contents
  .package-list
  .package-item.package-category-clicked {
  background-color: #ffffff;
  border: solid 2px #249549;
}

.choose-package .package-contents .package-list .package-item img {
}

.choose-package .package-contents .package-list .package-item .packages-name {
  font-size: 20px;
  font-weight: 600;
  color: #404040;
  margin-left: 18px;
}

.choose-package .package-option {
  width: 100%;
  height: 98px;
  margin-top: 2px;
  padding: 0px 20px;
  background-color: #f2f2f2;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

.choose-package .package-option .option-list {
  max-width: 583px;
  width: 100%;
  float: left;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

.choose-package .package-option .option-opreate {
  width: calc(100% - 583px);
  width: -moz-calc(100% - 583px);
  width: -webkit-calc(100% - 583px);
  /*padding-left:calc(100% - 400px);
                padding-left:-moz-calc(100% - 400px);
                padding-left:-webkit-calc(100% - 400px);*/
  float: left;
  /*display:flex;
                  display: -webkit-flex;
                justify-content:space-between;*/
}

.choose-package .package-option .option-list .option-item {
}

.choose-package .package-option .option-list .option-item .lbl {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
}

.choose-package .package-option .option-list .option-item .pax-option {
  width: 120px;
  height: 37px;
  margin-top: 6px;
  position: relative;
}

.choose-package
  .package-option
  .option-list
  .option-item
  .pax-option
  .select_pax {
  height: 36px;
  width: 120px;
  xbackground: url("/assets/images/chevron-down.png") no-repeat right #fff;
  background: url("/assets/images/chevron-down.png") no-repeat right #fff;
  -webkit-appearance: none;
  background-position: 84px 0px;
  font-size: 16px;
  text-align: center;
  line-height: 36px;
  color: #2a2a2a;
  cursor: pointer;
}

.choose-package
  .package-option
  .option-list
  .option-item
  .pax-option
  .pax-item {
  position: absolute;
  left: 0;
  top: 37px;
  z-index: 1;
}

.choose-package
  .package-option
  .option-list
  .option-item
  .pax-option
  .pax-item
  ul {
  width: 100%;
  padding: 0;
  list-style: none;
  background: #fff;
}

.choose-package
  .package-option
  .option-list
  .option-item
  .pax-option
  .pax-item
  ul
  li {
  height: 37px;
  width: 84px;
  text-align: center;
  line-height: 37px;
  font-size: 16px;
  color: #2a2a2a;
  cursor: pointer;
}

.choose-package .package-option .option-list .option-item .pax-option select {
  width: 84px;
  height: 36px;
  background: #fff;
  font-size: 16px;
  padding-left: 10px;
  color: #2a2a2a;
  float: left;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.choose-package
  .package-option
  .option-list
  .option-item
  .pax-option
  select::-ms-expand {
  display: none;
}

.choose-package .package-option .option-list .option-item .pax-option label {
  width: 36px;
  height: 36px;
  float: right;
  display: inline-block;
  background-color: #404040;
  text-align: center;
  cursor: pointer;
}

.choose-package .package-option .option-list .option-item .pax-option label i {
  width: 36px;
  height: 36px;
  font-family: "Material Icons";
  font-size: 25px;
  color: #ffffff;
  font-style: normal;
  line-height: 36px;
}

.choose-package .package-option .option-list .option-item .pax-size {
  height: 37px;
  line-height: 37px;
  margin-top: 6px;
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
}

.choose-package .package-option .option-list .option-item .pax-total {
  height: 37px;
  margin-top: 6px;
  font-size: 26px;
  font-weight: 600;
  color: #404040;
}

.choose-package .package-option .option-opreate .opreate-select {
  width: 180px;
  height: 50px;
  float: right;
  margin-right: 40px;
  border-radius: 3px;
  background-color: #ebe7e3;
  border: solid 1px #a6a6a6;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #249549;
  cursor: pointer;
}

.choose-package .package-option .option-opreate .opreate-select {
  background-color: #ffffff;
  border: solid 2px #249549;
}

.choose-package
  .package-option
  .option-opreate
  .opreate-select.opreate-checked {
  opacity: 0.5;
}

.choose-package .package-option .option-opreate .opreate-add,
.choose-package .package-option .option-opreate .opreate-update {
  width: 180px;
  height: 50px;
  float: right;
  border-radius: 3px;
  background-color: #d03436;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  cursor: pointer;
}

header .package-info-title {
  display: none;
}

.container .package-info-title {
  display: block;
}

.package-info-title {
  width: 100%;
  /*margin-top:2px;*/
  padding-left: 20px;
  height: 54px;
  line-height: 54px;
  background-color: #d7d7d7;
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
}

.item-content-menu {
  width: 100%;
  background-color: #f6f6f6;
  padding-bottom: 10px;
  overflow: hidden;
}

.item-content-menu .item-content-list {
  /*padding-top: 15px;*/
  /*padding-left: 16px;*/
}

.item-content-menu .pk-list-desc {
  font-size: 16px;
  font-weight: 600;
  color: #404040;
  padding-top: 15px;
}

.item-content-menu .pk-list-desc span {
  border: 2px solid #000;
  font-size: 18px;
  background-color: #ffc619;
  padding: 0px 5px;
}

.item-content-menu .pk-list-prom-desc {
  padding: 0 16px 0 40px;
  margin-top: 26px;
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.item-content-menu .pk-list-prom-desc i.material {
  font-family: Material Icons;
  font-size: 22px;
  color: #404040;
  font-style: normal;
  cursor: pointer;
}

.item-content-menu .pk-list-prom {
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/*.item-content-menu .pk-list-prom i.material {
        font-family: Material Icons;
  font-size: 22px;
  color: #404040;
    font-style: normal;
    cursor:pointer;
        }*/

/*.item-content-menu .pk-list-prom span {
            padding-left: 10px;
        }*/

.item-content-menu .item-list-prompt {
  clear: both;
  font-size: 14px;
  font-weight: 600;
  color: #d03436;
}

.item-content-menu .item-content-list-list {
  padding: 0 40px;
}

.item-content-menu .item-content-list-item {
  width: 100%;
  max-width: 260px;
  float: left;
  height: 180px;
  background-color: #ffffff;
  border: solid 2px #d7d7d7;
  border-radius: 5px;
  background-color: #fff;
  /*float: left;*/
  margin-left: 18px;
  margin-bottom: 15px;
  padding: 22px;
}

.item-content-menu .item-content-list-item.selected {
  border: solid 2px #249549;
}

.item-content-menu .item-content-list-item:nth-child(4n + 1) {
  margin-left: 0;
}

.item-content-menu .item-content-list-item .item-content-list-item-head {
  height: 80px;
}

.item-content-menu .item-content-list-item .item-content-list-item-img {
  width: 80px;
  height: 80px;
  text-align: center;
  float: left;
  border: solid 1px #d7d7d7;
}

.item-content-menu .item-content-list-item .item-content-list-item-head img {
  width: 74px;
  height: 59px;
  margin-left: 3px;
  margin-top: 10px;
}

.item-content-menu .item-content-list-item .item-content-list-item-desc {
  width: calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  padding-left: 13px;
  float: left;
}

.item-content-menu .item-content-list-item .item-content-list-item-title {
  min-height: 44px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.item-content-menu .item-content-list-item .item-content-list-item-pack {
  font-size: 14px;
  color: #404040;
}

.item-content-menu .item-content-list-item .item-content-list-item-price {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.item-content-menu .item-content-list-item .item-content-list-item-price span {
  font-size: 14px;
  font-weight: 500;
  color: #616161;
  padding-left: 5px;
}

.item-content-menu .item-content-list-item .item-content-list-item-option {
  width: 100%;
}

.item-content-menu
  .item-content-list-item
  .item-content-list-item-option
  .item-content-list-item-price {
  display: none;
}

.item-content-menu .item-content-list-item .actions {
  margin-top: 17px;
  clear: both;
  text-align: center;
}

.item-content-menu .item-content-list-item .add-to-cart {
  background: #d03436;
  xbackground: #d03436;
  border-radius: 5px;
  color: #000;
  width: 100%;
  height: 39px;
  line-height: 39px;
  margin: 0 20px 0px 0px;
  display: block;
  float: none;
  /* padding: 7px 0; */
  text-align: center;
  position: relative;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
}

.item-content-menu .item-content-list-item .add-to-cart-qty {
  background: #d03436;
  xbackground: #d03436;
  border-radius: 5px;
  color: #000;
  width: 100%;
  height: 39px;
  margin: 0 0px 20px 0px;
  display: block;
  float: none;
  /* padding: 7px 0; */
  text-align: center;
  position: relative;
  padding-bottom: 20px;
}

/*.item-content-menu .item-content-list-item .add-to-cart-qty .minus.disabled, .item-content-menu .item-content-list-item .add-to-cart-qty .plus.disabled {
                background-color: #dddddd;
            }*/

.item-content-menu .item-content-list-item .add-to-cart-qty .minus {
  width: 59px;
  height: 39px;
  xfloat: left;
  float: left;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.item-content-menu .item-content-list-item .add-to-cart-qty .minus:focus {
  background: #ad2929;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.item-content-menu .item-content-list-item .add-to-cart-qty .minus:hover {
  background: #ad2929;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
/*.item-content-menu .item-content-list-item .add-to-cart-qty .minus.disabled:hover {
                    background-color: #dddddd;
                }*/

.item-content-menu .item-content-list-item .add-to-cart-qty .number-to-add {
  width: calc(100% - 59px - 59px);
  width: -moz-calc(100% - 59px - 59px);
  width: -webkit-calc(100% - 59px - 59px);
  height: 39px;
  line-height: 39px;
  color: #fff;
  background: #ad2929;
  float: left;
  xfloat: left;
  margin: 0 auto;
}

.item-content-menu
  .item-content-list-item
  .add-to-cart-qty
  .number-to-add
  span {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  line-height: 25px;
}

.item-content-menu .item-content-list-item .add-to-cart-qty .plus {
  width: 59px;
  height: 39px;
  xfloat: right;
  float: right;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block;
  line-height: 39px;
  cursor: pointer;
}

.item-content-menu .item-content-list-item .add-to-cart-qty .plus:focus {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.item-content-menu .item-content-list-item .add-to-cart-qty .plus:hover {
  background: #ad2929;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
/*.item-content-menu .item-content-list-item .add-to-cart-qty .plus.disabled:hover {
                    background-color: #dddddd;
                }*/
.package-modal
  .product-filter-mobile-item
  .category-mobile-entry
  .category-entry-name {
  left: 75px;
}

.package-modal .option-icon {
  width: 100%;
  text-align: center;
}

.package-modal .option-icon i {
  font-family: Material Icons;
  font-size: 26px;
  color: #2a2a2a;
  margin-top: 6px;
  font-style: normal;
}

.package-modal .pax-option {
  width: 100%;
  clear: both;
  margin-top: 20px;
}

.package-modal .pax-option select {
  width: 100%;
  height: 40px;
  xbackground: url(/assets/images/chevron-down-40.png) no-repeat right #fff;
  background: url(/assets/images/chevron-down-40.png) no-repeat right #fff;
  -webkit-appearance: none;
  /*background-position: 84px 0px;*/
  font-size: 16px;
  padding-left: 10px;
  color: #2a2a2a;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.package-modal .pax-option label {
  width: 40px;
  height: 40px;
  background-color: #404040;
  text-align: center;
}

.package-modal .pax-option label i {
  width: 40px;
  height: 40px;
  font-family: "Material Icons";
  font-size: 25px;
  color: #ffffff;
  font-style: normal;
  line-height: 44px;
}

.package-modal .price-pax {
  width: 100%;
  margin-top: 29px;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
}

.package-modal .price-total {
  width: 100%;
  margin-top: 27px;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
}

.package-modal .price-desc {
  font-size: 18px;
  color: #2a2a2a;
}

.package-modal .price-value {
  font-size: 18px;
  color: #2a2a2a;
}

.package-modal .price-total .price-value {
  font-size: 26px;
  font-weight: 600;
  color: #404040;
}

.package-modal .modal-cart-btn {
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
  border-radius: 5px;
  background-color: #d03436;
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}
/*promotion*/
.promotion-wrapper {
  display: flex;
  display: -webkit-flex;
  flex-flow: row wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-content: flex-start;
}

.purchase-list {
  margin-top: 15px;
}

.purchase-list .purchase-title {
  font-size: 28px;
  font-weight: 300;
  color: #404040;
}

.purchase-list .purchase-desc {
  font-size: 16px;
  color: #2a2a2a;
}

.purchase-list .purchase-info {
  font-size: 20px;
  font-weight: 600;
  color: #249549;
  margin-top: 20px;
  margin-bottom: 30px;
}

.great-list .great-title {
  font-size: 28px;
  font-weight: 300;
  color: #404040;
}

.steps ul {
  position: relative;
  padding: 0;
  list-style-type: none;
  height: 40px;
  /*display: flex;
    display: -webkit-flex;
    flex-flow: row wrap;*/
}

.steps li {
  position: absolute;
  width: calc(33% + 10px);
  width: -moz-calc(33% + 10px);
  width: -webkit-calc(33% + 10px);
  height: 40px;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
}

.steps li.active {
  color: #ffffff;
}

.steps li .title {
  width: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  font-weight: 600;
  position: relative;
  background-color: #f2f2f2;
  display: inline-block;
  text-align: center;
}

.steps li.active .title {
  background-color: #249549;
}

.steps li .title:before {
  height: 40px;
  left: -20px;
  content: "";
  position: absolute;
  top: 0;
  z-index: 1;
  border: 1px solid transparent;
  border-width: 20px 10px;
  border-left-color: #fff;
  background-color: #f2f2f2;
}

.steps li.active .title:before {
  background-color: #249549;
}

.steps li:first-child {
  width: 33.5%;
}

.steps li:last-child {
  width: 33.5%;
  text-align: right;
}

.steps li:first-child .title {
  width: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
}

.steps li:first-child .title:before {
  content: none;
}

.steps li .title:after {
  height: 40px;
  right: -20px;
  content: "";
  position: absolute;
  top: 0;
  z-index: 2;
  border: 1px solid transparent;
  border-width: 20px 10px;
  border-left-color: #f2f2f2;
}

.steps li.active .title:after {
  border-left-color: #249549;
}

.steps li:last-child .title {
  width: calc(100% - 20px);
  width: -moz-calc(100% - 20px);
  width: -webkit-calc(100% - 20px);
}

.steps li:last-child .title:after {
  content: none;
}

.steps li .title i {
  margin-right: 20px;
}

.step1 {
  left: 0;
}

.step2 {
  left: calc(33.5% + 5px);
  left: -moz-calc(33.5% + 5px);
  left: -webkit-calc(33.5% + 5px);
}

.step3 {
  left: 66.5%;
  /*left:calc( 66.5% - 10px );
    left: -moz-calc( 66.5% - 10px );
    left: -webkit-calc( 66.5% - 10px );*/
}

.checkout-order {
  width: 100%;
  margin-top: 20px;
}

.checkout-order .checkout-order-left {
  width: 75%;
  max-width: 880px;
  float: left;
}

.checkout-order .checkout-order-right {
  width: calc(26% - 20px);
  width: -moz-calc(26% - 20px);
  width: -webkit-calc(26% - 20px);
  max-width: 280px;
  float: left;
  margin-left: 20px;
}

.checkout-contact-detail .contact-title,
.checkout-delivery-option .delivery-title,
.checkout-order-again .again-title,
.checkout-cart-total .cart-total-title,
.checkout-bbq-chef-service .chef-service-title {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
  background-color: #f2f2f2;
  padding-left: 20px;
  margin-bottom: 15px;
}

.checkout-contact-detail .contact-title i,
.checkout-delivery-option .delivery-title i,
.checkout-order-again .again-title i,
.checkout-cart-total .cart-total-title i,
.checkout-bbq-chef-service .chef-service-title i,
.contact i {
  font-family: Material Icons;
  font-size: 24px;
  color: #404040;
  font-style: normal;
  cursor: pointer;
}

.checkout-order-right .checkout-cart-total .cart-total-title,
.checkout-order-right .checkout-bbq-chef-service .chef-service-title {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 700;
}

.checkout-order-right .checkout-bbq-chef-service {
  margin-top: 30px;
}

.checkout-order .has-error input[type="text"] {
  border: solid 1px #d03436;
}

.checkout-order input[type="text"] {
  height: 36px;
  line-height: 36px;
  border: 1px solid #d7d7d7;
  /*box-shadow: 0 0 3px #cccccc;*/
  font-size: 16px;
  font-size: 16px;
  color: #2a2a2a;
  padding-left: 10px;
}

.checkout-order input[type="text"]::-webkit-input-placeholder {
  font-style: normal;
  color: #cccccc;
}

.checkout-order .checkout-contact-detail label {
  font-weight: 700;
  font-size: 14px;
  color: #404040;
}

.checkout-order .contact-content .contact-content-title {
  padding-left: 20px;
  font-size: 14px;
  font-weight: 600;
  color: #616161;
}

.checkout-order .checkout-contact-detail .chef-item {
  display: table;
}

.checkout-order .checkout-contact-detail .chef-item .chef-checkbox {
  display: table-cell;
  vertical-align: middle;
}

.checkout-order .checkout-contact-detail .chef-item .chef-checkbox-desc {
  font-size: 14px;
  display: table-cell;
  padding-left: 10px;
}

.checkout-order .checkout-contact-detail .chef-item .chef-checkbox-desc label {
  font-weight: 700;
  font-size: 16px;
}

.checkout-order .checkout-contact-detail .chef-item .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.checkout-order .checkout-contact-detail .chef-item .chb_pro {
  display: none;
}

.checkout-order .checkout-contact-detail .chef-item .chb_pro + label {
  width: 12px;
  float: left;
  background-color: #fff;
  border: 1px solid #a6a6a6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: relative;
}

.checkout-order .checkout-contact-detail .chef-item .chb_pro + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.checkout-order .checkout-contact-detail .chef-item .chb_pro:checked + label {
  background-color: #fff;
  border: 1px solid #a6a6a6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #243441;
}

.checkout-order
  .checkout-contact-detail
  .chef-item
  .chb_pro:checked
  + label:after {
  content: "\2714";
  position: absolute;
  top: -7px;
  left: 0px;
  color: #2ea300;
  width: 100%;
  text-align: center;
  font-size: 1em;
  padding: 1px 0 0 0;
  vertical-align: text-top;
}

.checkout-order .checkout-contact-detail .chef-item .checkbox-lable {
  width: 10%;
  float: left;
  padding-top: 2px;
}

.checkout-contact-detail .contact-content,
.checkout-delivery-option .delivery-content {
  padding-bottom: 30px;
}

.checkout-contact-detail .contact-content .form-group {
  /*margin-top: 15px;*/
}

.delivery-content .delivery-details,
.delivery-content .delivery-time,
.delivery-content .delivery-point {
  clear: both;
  padding-top: 15px;
}

.delivery-content .delivery-details .delivery-details-text,
.delivery-content .delivery-date .delivery-date-text,
.delivery-content .delivery-time .delivery-time-text,
.delivery-content .delivery-point .delivery-point-text {
  font-size: 16px;
  color: #404040;
  font-weight: 500;
}

.delivery-content .checkout-delivery-option-span,
.bank-transfer-content .bank-transfer-content-span {
  float: right;
}

.delivery-content .delivery-details .delivery-details-value,
.delivery-content .delivery-date .delivery-date-value,
.delivery-content .delivery-time .delivery-time-value,
.delivery-content .delivery-point .delivery-point-value {
  font-size: 16px;
  color: #404040;
  font-weight: 700;
}

.again-content .again-more {
  text-align: right;
  text-decoration: none;
  font-size: 14px;
  color: #34a1ce;
}

.again-content .product-left {
  width: 100%;
  float: none;
}

.proceed-payment {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
  padding-bottom: 20px;
}

.proceed-payment .btn-proceed-payment {
  height: 40px;
  width: 260px;
  font-size: 18px;
  line-height: 40px;
  color: #f2f2f2;
  background-color: #a6a6a6;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
  border-radius: 5px;
}

.btn-proceed-payment.btn-proceed-submit,
.btn-payment.btn-proceed-submit {
  background-color: #d03436 !important;
}

.proceed-payment .check-promo {
  width: 280px;
  margin: 0 auto;
  font-family: Arial;
  font-size: 12px;
  text-align: left;
  color: #d03436;
  margin-top: 8px;
  margin-bottom: 13px;
}

.proceed-payment .check-info {
  width: 280px;
  margin: 20px auto;
  font-size: 14px;
  text-align: left;
  color: #404040;
}

.proceed-payment .check-info-cancel {
  text-align: center;
  color: #34a1ce;
  font-weight: 600;
  margin-top: 20px;
  cursor: pointer;
}

.checkout-cart-total .cart-total-content {
  width: calc(100%);
  width: -moz-calc(100%);
  width: -webkit-calc(100%);
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 5px;
}

.checkout-cart-total .cart-sub-total,
.checkout-cart-total .cart-delivery-fee,
.checkout-cart-total .cart-member-number,
.checkout-cart-total .cart-order-total,
.checkout-cart-total .cart-discount,
.checkout-cart-total .cart-subtotal {
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #404040;
}

.info-right .checkout-cart-total .cart-sub-total,
.info-right .checkout-cart-total .cart-delivery-fee,
.info-right .checkout-cart-total .cart-member-number,
.info-right .checkout-cart-total .cart-discount,
.info-right .checkout-cart-total .cart-subtotal {
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  color: #404040;
}

.order-mobile-item .checkout-cart-total .cart-sub-total,
.order-mobile-item .checkout-cart-total .cart-delivery-fee,
.order-mobile-item .checkout-cart-total .cart-member-number,
.order-mobile-item .checkout-cart-total .cart-discount {
  padding-left: 0;
  padding-right: 0;
  font-size: 14px;
  font-weight: 500;
}

.order-mobile-item .checkout-cart-total .cart-total-title,
.order-mobile-item .checkout-cart-total .cart-order-total,
.order-mobile-item .checkout-cart-total .cart-discount,
.order-mobile-item .checkout-cart-total .gst-total {
  padding-left: 0;
  padding-right: 0;
}

.order-mobile-item .checkout-cart-total .height-solid-1 {
  margin-left: 0;
  margin-right: 0;
}

.info-right .checkout-cart-total .gst-total {
  font-size: 16px;
  font-weight: 700;
  color: #404040;
}

.checkout-cart-total .gst-info {
  padding-right: 20px;
}

.checkout-cart-total .gst-info .info {
  width: 90px;
  float: left;
}

.checkout-cart-total .cart-order-total {
  font-size: 18px;
  color: #2a2a2a;
  padding-top: 14px;
  /*height: 68px;
    line-height: 68px;*/
}

.checkout-cart-total .cart-order-total span {
  font-size: 20px;
  font-weight: 700;
  color: #404040;
}

.checkout-cart-total .cart-total-title {
  margin-bottom: 0;
}

.cart-sub-total,
.cart-delivery-fee {
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}

.cart-sub-total .sub-total-value,
.cart-delivery-fee .delivery-fee-value,
.cart-order-total .order-total-valule,
.cart-order-total .discount-value,
.cart-order-total .voucher-value,
.checkout-cart-total .cart-subtotal .subtotal-value {
  font-size: 16px;
  font-weight: 700;
  color: #404040;
  float: right;
}

.checkout-cart-total .cart-order-total {
}

.cart-discount label {
  font-size: 14px;
  color: #34a1ce;
  cursor: pointer;
  margin-left: 10px;
  margin-bottom: 0;
}

.checkout-bbq-chef-service .set-chef-cart-content .chef-title {
  padding: 20px;
  border: 1px solid #f2f2f2;
  border-top: none;
}

.checkout-bbq-chef-service .set-chef-cart-content .chef-title .chef-img {
  float: left;
}

.checkout-bbq-chef-service .set-chef-cart-content .chef-title .chef-img img {
  width: 40px;
  margin-top: 5px;
}

.checkout-bbq-chef-service .set-chef-cart-content .chef-title .chef-desc {
  float: right;
  width: calc(100% - 40px - 10px);
  width: -moz-calc(100% - 40px - 10px);
  width: -webkit-calc(100% - 40px - 10px);
}

.proceed-payment .chef-option {
  padding: 20px 10px;
}

.proceed-payment .chef-option .chef-item {
  display: table;
  margin: 0 auto;
  max-width: 550px;
  width: 100%;
  height: 38px;
}

.proceed-payment .chef-option .chef-item .chef-checkbox {
  display: table-cell;
  vertical-align: middle;
}

.proceed-payment .chef-option .chef-item .chef-checkbox-desc {
  font-size: 14px;
  display: table-cell;
  padding-left: 10px;
  line-height: 38px;
}

.proceed-payment .chef-option .chef-item .chef-checkbox-desc label {
  font-weight: 500;
  font-size: 16px;
}

.proceed-payment .chef-option .chef-item .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.proceed-payment .chef-option .chef-item .chb_pro {
  display: none;
}

.group-padding-left-20 {
  padding-left: 20px;
}

.proceed-payment .chef-option .chef-item .checkbox-lable {
  width: 10%;
  float: left;
  padding-top: 2px;
}

.proceed-payment
  .chef-option
  .chef-item
  .checkbox-lable
  label
  i.fa-check-square {
  color: #249549;
  font-size: 20px;
  cursor: pointer;
}

.proceed-payment .chef-option .chef-item .checkbox-lable label i.fa-square-o {
  color: #404040;
  font-size: 22px;
  cursor: pointer;
}

.checkout-bbq-chef-service .chef-service-title {
  margin-bottom: 0px;
}

.input-success-img {
  /*  background: #fff url(../images/icon-select.png) no-repeat 97% 13px;*/
}

.width-item-260 {
  width: 260px;
  float: left;
}

.width-item-180 {
  width: 180px;
  float: left;
}

.width-item-320 {
  width: 320px;
  float: left;
}

.width-item-360 {
  width: 360px;
  float: left;
}

.width-item-440 {
  max-width: 440px;
  width: 100%;
}

.checkout-contact-detail .add-another-contact {
  font-size: 14px;
  color: #34a1ce;
  cursor: pointer;
  padding-bottom: 10px;
}

.checkout-contact-detail .mobile-input {
  height: 36px;
  line-height: 36px;
}

.checkout-contact-detail .mobile-input span {
  font-size: 14px;
  color: #34a1ce;
  cursor: pointer;
}

.checkout-delivery-option .delivery-info {
  display: table;
  vertical-align: middle;
}

.checkout-delivery-option .delivery-info .delivery-item {
  display: table-cell;
  max-width: 332px;
  padding-left: 77px;
}

.checkout-delivery-option .delivery-info .delivery-item:first-child {
  padding-left: 0;
}

.checkout-delivery-option .delivery-info .delivery-item .delivery-desc {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
}

.checkout-delivery-option .delivery-info .delivery-item .delivery-value {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.product-left {
  /*    width: 66%;
    float: left;*/
  margin: 0;
  padding: 0;
}

.product-left .color-a6a6a6 {
  color: #a6a6a6 !important;
}

.product-left .product-list {
  /* border: 1px solid #ddd;
border-radius: 5px;
        border-top: 1px solid #dcdcdc;
        border-bottom: 1px solid #dcdcdc;*/
}

.product-left .item-content-index {
  /*padding-left: 20px;*/
  color: #404040;
}

.product-left .tip-select {
  border-bottom: 3px solid #404040;
}

.product-left .tip-select .tips-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background-color: #6ea650;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  padding-left: 18px;
}

.product-left .operate {
  width: 100%;
  margin: 30px 0;
}

.product-left .operate.order-options {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}

.product-left .operate.order-options .line-height-40 {
  line-height: 40px;
}

.product-left .operate .checkout-now {
  width: 260px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  border-radius: 5px;
  background-color: #888888;
  font-size: 18px;
  color: #f2f2f2;
  cursor: pointer;
}

.product-left .operate .btn-proceed-payment {
  width: 260px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  text-align: center;
  border-radius: 5px;
  background-color: #888888;
  font-size: 18px;
  color: #f2f2f2;
  cursor: pointer;
}

.product-left .operate.order-options .checkout-now {
  margin: 0;
  margin-left: 20px;
}

.product-left .operate .btn-continue,
.product-left .operate .btn-proceed-upload {
  background-color: #d03436;
}

.product-left .tip-select .item-content-index {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  border-bottom: 1px solid #d7d7d7;
}

.product-left .tip-select .item-content-index .tips-add-to-cart {
  width: 160px;
  height: 39px;
  margin-top: 10px;
  line-height: 39px;
  border-radius: 5px;
  background-color: #d03436;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  float: right;
  cursor: pointer;
}

.product-left .tip-select .item-content-index .pk-item5 {
  position: relative;
  line-height: normal;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 700;
}

.product-left .product-list .item-content-index {
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.product-left .product-list .item-content-index .delete-item {
  position: absolute;
  top: 5px;
  right: 0px;
  display: none;
  z-index: 10;
  cursor: pointer;
}

.product-left .product-list .item-content-index.selected {
  background-color: #f1f2eb;
}

.product-left .product-list .item-content-index.selected .delete-item {
  display: block;
}

.product-left .product-list .item-content-index .delete-item i {
  font-family: Material Icons;
  font-size: 22px;
  color: #a6a6a6;
  font-style: normal;
  margin-right: 10px;
}

.product-left .product-list .package-content .item-content-index {
  padding-top: 0px;
  padding-bottom: 29px;
}

.product-left
  .product-list
  .package-content
  .item-content-index
  .pk-introduction {
  min-height: initial;
}

.product-left .table-title {
  width: 100%;
  height: 30px;
  background-color: #f2f2f2;
  /*padding-left: 20px;*/
  font-weight: 700;
}

.product-left .table-title .title-item {
  float: left;
  font-size: 12px;
  line-height: 30px;
  color: #000000;
}

.product-left .packagelist .pk-item1 {
  max-width: 80px;
  width: 10%;
  text-align: center;
  float: left;
}

.checkout-order-again .product-left .packagelist .package-content .pk-item2 {
  max-width: 501px;
  width: 58%;
  margin-left: 80px;
}

.cart-info-content .product-left .packagelist .package-content .pk-item2 {
  max-width: 501px;
  width: 58%;
  margin-left: 80px;
}

.product-left .packagelist .package-content .pk-item2 {
  width: 49%;
  float: left;
}

.product-left .pk-introduction .cook-food-info {
  color: #d03436;
  font-size: 14px;
  height: 20px;
  padding-left: 20px;
}

.product-left .pk-introduction .cook-food-info .attention {
  float: left;
  line-height: 20px;
}

.product-left .pk-introduction .cook-food-info .attention-content {
  float: left;
  margin-left: 10px;
  font-weight: 700;
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
}

.checkout-order-again .product-left .pk-item2 {
  max-width: 420px;
  width: 48%;
  text-align: left;
  float: left;
}

.cart-info-content .product-left .pk-item2 {
  width: calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  max-width: 800px;
  text-align: left;
  float: left;
}

.cart-info-content .product-left .pk-item45 {
  max-width: 287px;
  width: 44%;
  padding-left: 20px;
  float: left;
}

.checkout-order-again .product-left .pk-item25 {
  line-height: normal;
  padding-top: 20px;
}

.cart-info-content .product-left .pk-item25 {
  max-width: 81px;
  width: 13%;
  line-height: normal;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.product-left .pk-item25 {
  max-width: 81px;
  width: 10%;
  text-align: center;
  float: left;
  line-height: 80px;
  font-size: 14px;
  color: inherit;
}

.product-left .pk-item3 {
  max-width: 120px;
  width: 14%;
  text-align: center;
  float: left;
  font-size: 18px;
  font-weight: 600;
  color: inherit;
}

.product-left .edit-content .pk-item3 {
  width: 26%;
}

.product-left .pk-item4 {
  max-width: 120px;
  width: 14%;
  text-align: center;
  float: left;
}

.product-left .pk-item5 {
  max-width: 179px;
  width: 21%;
  text-align: center;
  float: left;
}

.cart-info-content .product-left .pk-item5 {
  max-width: 179px;
  width: 27%;
}

.product-left .product-list .pk-item5 {
  line-height: normal;
  padding-top: 20px;
  font-size: 18px;
  font-weight: 700;
}

.product-left .tipslist .pk-item5 {
  line-height: normal;
  padding-top: 20px;
  font-size: 16px;
  font-weight: 700;
}

.cart-info-content .product-left .product-list .table-title .pk-item5 {
  padding-top: 0;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.cart-info-content .product-left .other-info {
  width: 100%;
}

.cart-info-content .product-left .other-info .foambox-desc {
  max-width: 365px;
  width: 100%;
  float: left;
  padding-left: 20px;
}

.product-left .item-content-index .pk-item1 {
  max-width: 80px;
  width: 10%;
  text-align: center;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
  color: #404040;
  line-height: 100px;
  float: left;
}

.product-left .item-content-index .pk-item2 {
  height: 100%;
}

.product-left .item-content-index .pk-item3 {
  height: 100%;
  /*   line-height: 18px;
         padding-top: 5px;*/
}

.cart-info-content .product-left .item-content-index .pk-item3 {
  max-width: 120px;
  width: 18%;
}

.checkout-order-again .product-left .item-content-index .pk-item4 {
  line-height: normal;
  padding-top: 20px;
}

.product-left .item-content-index .pk-item4 {
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  color: inherit;
  line-height: 80px;
  /*   padding-top: 10px;*/
  /*padding-left: 5px;*/
}

.product-left .cook-food-info-attention {
  width: 85%;
  padding-top: 24px;
  padding-bottom: 20px;
  overflow: hidden;
  padding-left: 20px;
}

.product-left .item-content-index .foambox-desc {
  margin-top: 10px;
  width: 100%;
  /*padding: 5px 0;*/
}

.product-left .item-content-index .foambox-desc .foambox-icon,
.product-left .cook-food-info-attention .cook-food-icon,
.desktop-collection .foambox-icon {
  float: left;
  width: 20px;
  text-align: center;
}

.product-left .cook-food-info-attention .cook-food-content {
  float: left;
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  padding-left: 10px;
  font-size: 12px;
}

.product-left .item-content-index .foambox-desc .foambox-info,
.desktop-collection .foambox-info {
  float: left;
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  color: #249549;
}

.product-left .pk-secend {
  display: table;
}

.product-left .pk-item2 .pk-image {
  width: 133px;
  height: 100px;
  /*border-radius: 5px;*/
  /*width: 107px;
    height: 80px;*/
  overflow: hidden;
  display: table-cell;
  float: left;
}

.cart-info-content .product-left .pk-item2 .pk-image {
  border: solid 1px #d7d7d7;
}

.cart-info-content .product-left .package-content .pk-item2 .pk-image {
  border: none;
}

.product-left .pk-item2 .pk-image .discount {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  right: 6px;
  bottom: 6px;
  z-index: 8;
  background-color: #db4b46;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  line-height: 1em;
  padding-top: 7px;
}

.product-left .pk-item25 ins {
  font-size: 14px;
  color: #404040;
  text-decoration: none;
  display: block;
  margin-top: 25px;
}

.product-left .pk-item25 del {
  font-size: 14px;
  color: #a6a6a6;
}

.product-left .packagelist .package-content .pk-item2 .pk-image {
  height: 33px;
}

.product-left .packagelist .package-content .pk-item25 .pk-image {
  height: 33px;
}

.product-left .packagelist .package-content .pk-item3 {
  height: 33px;
  line-height: 33px;
}

.product-left .packagelist .package-content .pk-item4 {
  height: 33px;
  line-height: 33px;
}

.product-left .pk-item2 .pk-image img {
  width: 130px;
  height: 100px;
  /*width: 107px;
    height: 80px;*/
}

.product-left .pk-item2 .pk-introduction {
  /*min-height: 80px;*/
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: calc(100% - 133px);
  width: -moz-calc(100% - 133px);
  width: -webkit-calc(100% - 133px);
  float: left;
}

.cart-info-content .tip-select .pk-item2 .other-info {
  position: relative;
  display: table-cell;
  vertical-align: top;
  text-align: left;
  width: calc(100% - 133px);
  width: -moz-calc(100% - 133px);
  width: -webkit-calc(100% - 133px);
  float: left;
}

.checkout-order-again
  .product-left
  .package-content
  .pk-item2
  .pk-introduction {
  height: 70px;
}

.cart-info-content .product-left .package-content .pk-item2 .pk-introduction {
  padding-left: 20px;
  height: 37px;
}

.product-left .package-content .pk-item2 .pk-introduction {
  height: 37px;
}

.checkout-order-again .product-left .pk-item25 {
  font-size: 16px;
  font-weight: 700;
}

.checkout-order-again .product-left .pk-item2 .pk-introduction div.pk-name {
  margin-top: 20px;
}

.product-left .pk-item2 .pk-introduction div.pk-name {
  font-size: 16px;
  font-weight: 700;
  color: inherit;
  line-height: 16px;
  margin-top: 20px;
  /*    min-height: calc(100% - 14px );
min-height: -moz-calc(100% - 14px );
min-height: -webkit-calc(100% - 14px );*/
}

.product-left .package-content .pk-item2 .pk-introduction div.pk-name {
  margin-top: 0;
}

.promotionlist .pk-item2 .pk-introduction div.pk-name {
  /* min-height: calc(100% - 38px );
min-height: -moz-calc(100% - 38px );
min-height: -webkit-calc(100% - 38px );*/
}

.product-left .pk-item2 .pk-introduction a {
  font-size: 12px;
  font-weight: 700;
  color: #404040;
  text-decoration: underline;
}

.product-left .pk-item2 .pk-introduction .down {
  margin-top: 10px;
  height: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #2a2a2a;
  line-height: 20px;
  cursor: pointer;
}

.product-left .pk-item2 .pk-introduction .down.desktop-angle {
  display: block;
}

.product-left .pk-item2 .pk-introduction .down.mobile-angle {
  display: none;
}

.product-left .pk-item2 .pk-introduction .down i {
  font-size: 16px;
  font-weight: 700;
  margin-left: 10px;
}

.checkout-order-again .product-left .pk-item2 .pk-introduction div.pk-desc {
  color: #a6a6a6;
}

.cart-info-content .product-left .pk-item2 .pk-introduction div.pk-desc {
  font-size: 16px;
  color: #2a2a2a;
}

.product-left .pk-item2 .pk-introduction div.pk-desc {
  font-size: 14px;
  font-weight: 500;
  color: inherit;
  /*line-height: 14px;*/
  margin-top: 5px;
}

.product-left .pk-item2 .pk-introduction div.pk-price {
  margin-top: 10px;
  font-weight: 400;
  color: #676767;
  line-height: 14px;
}

.product-left .pk-item2 .pk-introduction div.pk-price ins {
  font-size: 16px;
  color: #000;
  text-decoration: none;
  text-align: left;
  color: #00b050;
  margin-left: 5px;
}

.product-left .pk-item2 .pk-introductiondiv.pk-price del {
  font-size: 14px;
  text-align: left;
}

.checkout-order-again .product-left .pk-item2 .pk-introduction .pk-info {
  font-size: 16px;
  color: #404040;
  font-weight: 500;
}

.product-left .pk-item2 .pk-introduction .pk-info {
  color: #00b050;
  font-size: 14px;
  /*position: absolute;
    bottom: 0;*/
}

.cart-info-content .product-left .pk-item2 .pk-introduction .pk-info {
  margin-top: 8px;
  color: #249549;
  font-size: 16px;
}

.product-left .item-content-index .pk-item3 .add-to-cart-qty {
  color: inherit;
  width: 100%;
  margin: 0;
  display: block;
  float: none;
  text-align: center;
  position: relative;
  padding: 3px 0;
}

.cart-info-content
  .product-left
  .item-content-index
  .pk-item3
  .add-to-cart-qty {
  position: relative;
  padding: 0;
  /*height:100px;*/
}

.product-left .item-content-index .pk-item3 .add-to-cart {
  font-size: 16px;
  font-weight: 700;
  color: #d03436;
  padding: 7px 15px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #ddd;
  border-radius: 5px;
}

.product-left .item-content-index .pk-item3 .minus,
.product-left .item-content-index .pk-item3 .foambox-minus,
.product-left .item-content-index .pk-item3 .pro-minus,
.foambox-minus,
.product-left .item-content-index .pk-item3 .tip-minus {
  /* position: absolute;
left: 3px;
bottom: 5px;
background: #d03435 url(../images/icon-minus.png);*/
  position: absolute;
  left: calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: -webkit-calc(50% - 15px);
  top: 35px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.product-left .item-content-index .pk-item3 .minus:focus,
.product-left
  .item-content-index
  .pk-item3
  .foambox-minus:focus.product-left
  .item-content-index
  .pk-item3
  .pro-minus:focus,
.foambox-minus:focus,
.product-left .item-content-index .pk-item3 .tip-minus:focus {
  background-color: #b10000;
}

.product-left .item-content-index .pk-item3 .minus:hover,
.product-left
  .item-content-index
  .pk-item3
  .foambox-minus:focus.product-left
  .item-content-index
  .pk-item3
  .pro-minus:hover,
.foambox-minus:hover,
.product-left .item-content-index .pk-item3 .tip-minus:hover {
  /* background-color: #c80000;*/
}

.product-left .item-content-index .pk-item3 .number-to-add {
  width: 100%;
  float: none;
  font-size: 18px;
  font-weight: 600;
  padding-top: 20px;
}

.product-left .item-content-index .pk-item3 .plus,
.product-left .item-content-index .pk-item3 .foambox-plus,
.product-left .item-content-index .pk-item3 .pro-plus,
.product-left .item-content-index .pk-item3 .tip-plus {
  /* position: absolute;
right: 3px;
bottom: 5px;
background: #d03436 url(../images/icon-plus.png);*/
  position: absolute;
  left: calc(50% - 15px);
  left: -moz-calc(50% - 15px);
  left: -webkit-calc(50% - 15px);
  top: -10px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.product-left .item-content-index .pk-item3 .plus i,
.product-left .item-content-index .pk-item3 .minus i {
  font-family: Material Icons;
  font-size: 30px;
  color: #2a2a2a;
  font-style: normal;
}

.product-left .item-content-index .pk-item3 .plus:focus,
.product-left .item-content-index .pk-item3 .foambox-plus:focus,
.product-left .item-content-index .pk-item3 .pro-plus:focus,
.product-left .item-content-index .pk-item3 .tip-plus:focus {
  background-color: #b10000;
}

.product-left .item-content-index .pk-item3 .plus:hover,
.product-left .item-content-index .pk-item3 .foambox-plus:hover,
.product-left .item-content-index .pk-item3 .pro-plus:hover,
.product-left .item-content-index .pk-item3 .tip-plus:hover {
  /*   background-color: #c80000;*/
}

product-left .item-content-index .pk-item3 .plus,
.product-left .item-content-index .pk-item3 .foambox-minus.disabled,
product-left .item-content-index .pk-item3 .plus,
.product-left .item-content-index .pk-item3 .foambox-plus.disabled,
.item-content-index .pk-item3 .minus.disabled {
  /*   background-color: #dddddd;*/
}

.product-left .package-item .item-content-index .pk-item3 {
  /*    padding-top: 10px;*/
}

.product-left .item-content-index .pk-item4 ins {
  text-decoration: none;
}

.product-left .item-content-index .pk-item4 i {
  /*  border: 1px solid #ddd;
border-radius: 3px;
padding: 3px 5px;*/
  font-weight: 700;
  color: #f2f2f2;
  font-size: 14px;
  font-style: normal;
  cursor: pointer;
  float: right;
  line-height: 80px;
  margin-right: 15px;
}

.product-left .viewlist .item-content-index,
.product-left .promotionlist .item-content-index,
.product-left .tiplist .item-content-index {
  border-bottom: 1px solid #d7d7d7;
}

.product-left .packagelist .package-item {
  /*   padding-bottom: 10px;*/
  border-bottom: 1px solid #d7d7d7;
}

.product-left .packagelist .options-angle {
  clear: both;
  text-align: center;
  height: 24px;
  cursor: pointer;
}

.product-left .packagelist .options-angle i {
  font-size: 24px;
}

.product-left .option-promotionlist,
.product-left .option-free-promotionlist,
.product-left .option-tipslist,
.product-left .option-newitemlist {
  margin-top: 30px;
}

.cart-info .option-promotionlist .item-content-index,
.cart-info .option-tipslist .item-content-index,
.cart-info .option-free-promotionlist .item-content-index,
.cart-info .option-tipslist .item-content-index {
  padding: 10px 0;
  padding-left: 5px;
  border-bottom: 1px dotted #ddd;
}

.cart-info .option-promotionlist,
.cart-info .option-newitemlist,
.cart-info .option-tipslist,
.cart-info .option-free-promotionlist,
.cart-info .option-newitemlist,
.cart-info .option-tipslist {
  /*   padding-top: 20px;*/
}

.cart-info .option-promotionlist .cart-offer-wrapper,
.cart-info .option-free-promotionlist .cart-offer-wrapper,
.cart-info .option-newitemlist .cart-offer-wrapper,
.cart-info .option-tipslist .cart-offer-wrapper {
  padding: 20px;
}

.option-promotionlist .option-promotionlist-desc,
.option-free-promotionlist .option-promotionlist-desc {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 700;
  background-color: #ddd6d1;
  padding-left: 10px;
  color: #404040;
  border-bottom: 1px solid #616161;
}

.option-promotionlist
  .option-promotionlist-title
  .option-promotionlist-title-desc,
.option-free-promotionlist
  .option-promotionlist-title
  .option-promotionlist-title-desc,
.option-tipslist .option-tipslist-desc,
.option-newitemlist .option-newitemlist-desc {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background-color: #f2f2f2;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.option-promotionlist-title-desc .puchase-toggle {
  cursor: pointer;
}

.option-promotionlist
  .option-promotionlist-title
  .option-promotionlist-title-content {
  padding-left: 20px;
  margin-top: 13px;
  font-size: 16px;
  color: #2a2a2a;
}

.option-promotionlist .option-promotionlist-title .option-promotionlist-content,
.option-free-promotionlist
  .option-promotionlist-title
  .option-promotionlist-content {
  font-size: 14px;
  color: #000;
}

.option-promotionlist .promotionlist-info,
.option-free-promotionlist .promotionlist-info {
  padding-left: 20px;
  font-size: 16px;
  font-weight: 700;
  color: #249549;
  margin-top: 10px;
}
/*.option-promotionlist .offer-item {
height:395px;
}*/
/*.option-promotionlist .offer-item {
    margin: 0 16px;

}
    .option-promotionlist .offer-item:first-child {
    margin-left:0px;
    }
    .option-promotionlist .offer-item:last-child {
    margin-right:0px;
    }*/

.option-promotionlist .offer-item .price ins,
.option-free-promotionlist .offer-item .price ins,
.option-tipslist .offer-item .price ins,
.option-newitemlist .offer-item .price ins {
  font-size: 22px;
}

.option-promotionlist .offer-item .title,
.option-free-promotionlist .offer-item .title,
.option-tipslist .offer-item .title,
.option-newitemlist .offer-item .title {
  font-size: 18px;
}

.product-left .option-promotionlist .pk-item3,
.product-left .option-free-promotionlist .pk-item3,
.product-left .option-tipslist .pk-item3 {
  width: 26%;
}

.product-left .option-promotionlist .pk-item4 del,
.product-left .option-free-promotionlist .pk-item4 del {
  font-size: 16px;
  color: #999999;
  text-align: left;
}

.product-left .table-title {
  height: 54px;
  background: #d7d7d7;
  border-bottom: 3px solid #404040;
  line-height: 54px;
}

.product-left .table-title {
  background: #fff;
  height: 27px;
  /*margin-top: 4px;*/
  padding-bottom: 4px;
}

.cart-info-content .product-left .table-title {
  border-bottom: none;
  height: 40px;
  margin-top: 0px;
  padding-bottom: 0px;
  background-color: #f2f2f2;
}

.cart-info-content .product-left .table-title .title-item {
  height: 40px;
  line-height: 40px;
}

.product-left .table-title .title-item span {
  margin-left: 183px;
}

/*.product-left .table-title .title-item {
    height: 47px;
    line-height: 47px;
    font-size: 16px;
    font-weight: 700;
    color: #404040;
}*/

.product-left .table-title .title-item {
  height: 23px;
  line-height: 23px;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.product-left .table-title .title-item.pk-item1 {
  max-width: 80px;
  width: 10%;
  text-align: center;
}

.product-left .table-title .title-item.pk-item2 {
  max-width: 420px;
  width: 48%;
  text-align: center;
}

.product-left .table-title .title-item.pk-item3 {
  max-width: 81px;
  width: 10%;
  text-align: center;
}

.product-left .table-title .title-item.pk-item4 {
  max-width: 120px;
  width: 14%;
  text-align: center;
}

.product-left .table-title .title-item.pk-item5 {
  max-width: 179px;
  width: 21%;
  text-align: center;
}

.discount-tips-popup .apply-discount {
  max-width: 380px;
  width: 100%;
  margin: 0 auto;
  padding: 14px 0 25px 0px;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
}

.discount-tips-popup .member-number-value {
  width: 100%;
  margin-top: 10px;
}

.discount-tips-popup .member-number-value .voucher-input {
  width: calc(100% - 100px);
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  float: left;
  margin-right: 10px;
  position: relative;
  display: flex;
  display: -webkit-flex;
}

.discount-tips-popup .member-number-value .prompt-voucher {
  position: absolute;
  left: 0;
  top: 36px;
  width: 100%;
  max-height: 216px;
  overflow-x: hidden;
  border: solid 1px #d7d7d7;
  background-color: #fff;
}

.discount-tips-popup
  .member-number-value
  .prompt-voucher
  .prompt-voucher-options {
  height: 36px;
  line-height: 36px;
  background-color: #f2f2f2;
  padding-left: 10px;
  font-size: 14px;
  color: #34a1ce;
  cursor: pointer;
}

.discount-tips-popup .member-number-value .prompt-voucher .prompt-voucher-item {
  height: 36px;
  padding-left: 9px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  cursor: pointer;
}

.discount-tips-popup
  .member-number-value
  .prompt-voucher
  .prompt-voucher-item.checked {
  background-color: #f1f2eb;
}

.discount-tips-popup .member-number-value .voucher-input input {
  flex-grow: 1;
  height: 36px;
  padding-left: 10px;
  border: 1px solid #d7d7d7;
  font-size: 16px;
  color: #2a2a2a;
}

.voucher-content .voucher-input {
  cursor: pointer;
}

.voucher-content .voucher-input input {
  cursor: pointer;
}

.discount-tips-popup .member-number-value .voucher-input .voucher-down {
  font-family: Material Icons;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 24px;
  line-height: 36px;
  color: #fff;
  font-style: normal;
  cursor: pointer;
  background: #404040;
}

.discount-tips-popup
  .member-number-value
  .voucher-input
  input::-webkit-input-placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #2a2a2a;
}

.discount-tips-popup
  .member-number-value
  .voucher-input
  input:-moz-placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #2a2a2a;
}

.discount-tips-popup
  .member-number-value
  .voucher-input
  input::-moz-placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #2a2a2a;
}

.discount-tips-popup
  .member-number-value
  .voucher-input
  input:-ms-input-placeholder {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  color: #2a2a2a;
}

.has-error .member-number-value .voucher-input input {
  border: solid 1px #d03436;
}

.has-error .help-block {
  color: #a94442;
  font-size: 16px;
  font-weight: 500;
}

.modal .has-error .help-block {
  max-width: 300px;
  font-family: Arial;
  font-size: 12px;
  color: #d03436;
}

.member-number-value .btn-voucher,
.member-number-value .btn-member {
  width: 90px;
  float: left;
  background: #404040;
  color: #fff;
  height: 36px;
  text-align: center;
  line-height: 36px;
  font-weight: 500;
  cursor: pointer;
}

.discount-content {
  max-width: 380px;
  height: 147px;
  width: 100%;
  margin: 0 auto;
  border: solid 1px #d7d7d7;
}

.discount-content .member-title,
.discount-content .voucher-title {
  float: left;
  width: 50%;
  /*width: 100%;*/
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f2f2f2;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

.discount-content .selected {
  background: #fff;
}

.discount-content .member-content,
.discount-content .voucher-content {
  padding: 0px 20px;
  display: none;
}

.discount-content .member-content.selected,
.discount-content .voucher-content.selected {
  display: block;
}

.discount-content .member-desc,
.discount-content .voucher-desc {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
  margin-top: 15px;
}

.discount-content .member-promp,
.discount-content .voucher-promp {
  font-family: Arial;
  font-size: 12px;
  color: #d03436;
  margin-top: 5px;
  margin-bottom: 10px;
}

.checkout-cart-total .gst-info {
  font-size: 14px;
  color: #404040;
  margin-left: 20px;
}

.checkout-cart-total .gst-total {
  font-size: 14px;
  color: #404040;
  margin-top: 12px;
  margin-bottom: 17px;
  padding: 0 20px;
}

.checkout-cart-total .gst-total span {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  float: right;
}

.checkout-cart-total .height-solid-1 {
  height: 1px;
  margin: 0 20px;
  background: #d7d7d7;
}

.checkout-cart-total .btn-payment {
  height: 40px;
  margin: 20px 20px 20px 20px;
  line-height: 40px;
  font-size: 18px;
  color: #f2f2f2;
  background-color: #a6a6a6;
  text-align: center;
  border-radius: 5px;
  cursor: pointer;
}

.checkout-cart-total .check-info,
.checkout-content .check-info,
.cart-info-content .check-info-cancel {
  padding: 0 20px 20px 20px;
  font-size: 14px;
  text-align: left;
  color: #404040;
}

.info-right .checkout-cart-total .check-info,
.order-mobile-item .check-info,
.checkout-content .check-info,
.checkout-cart-total .check-info-cancel,
.cart-info-content .check-info-cancel {
  text-align: center;
  color: #34a1ce;
  font-weight: 600;
  margin-top: 20px;
  cursor: pointer;
}

.checkout-order-left .delivery-date,
.checkout-order-left .delivery-method,
.checkout-order-left .delivery-address,
.checkout-order-left .self-collection-time {
  width: 100%;
  min-height: 114px;
  background-color: #f2f2f2;
  margin-bottom: 10px;
}

.checkout-order-left .delivery-date .delivery-date-content,
.checkout-order-left .delivery-method .delivery-method-content,
.checkout-order-left .self-collection-time .self-collection-time-content {
  width: 480px;
  margin: 0 auto;
  padding: 20px 0 16px 0;
}

.checkout-order-left
  .delivery-date
  .delivery-date-content
  .delivery-date-group {
  width: 480px;
  margin: 0 auto;
  border: solid 2px #f1f2eb;
  position: relative;
}

.checkout-order-left
  .delivery-date
  .delivery-date-content
  .delivery-date-group
  .date-value {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 20px;
  border: none;
  background: #fff !important;
  font-weight: 600;
  color: #2a2a2a;
}

.checkout-order-left
  .delivery-date
  .delivery-date-content
  .delivery-date-group
  .date-icon {
  position: absolute;
  font-size: 21px;
  top: 0;
  right: 20%;
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}

.checkout-order-left .delivery-method-title,
.checkout-order-right .delivery-method-title,
.checkout-order-left .self-collection-time .self-collection-time-title,
.checkout-order-left .self-collection-time .collection-title {
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
  padding-bottom: 5px;
}

.checkout-order-left .delivery-address-content .delivery-method-title {
  padding-top: 15px;
  margin-left: 30px;
}

.checkout-order-left
  .delivery-method
  .delivery-method-content
  .btn-list
  .btn-delivery-info.selected,
.checkout-order-left
  .delivery-method
  .delivery-method-content
  .btn-list
  .btn-self-info.selected,
.checkout-order-left
  .self-collection-time
  .self-collection-time-content
  .option-list
  .option-item.selected {
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 2px #249549;
}

.checkout-order-left
  .delivery-method
  .delivery-method-content
  .btn-list
  .btn-delivery-info {
  margin-right: 20px;
}

.checkout-order-left
  .delivery-method
  .delivery-method-content
  .btn-list
  .btn-delivery-info,
.checkout-order-left
  .delivery-method
  .delivery-method-content
  .btn-list
  .btn-self-info,
.checkout-order-left
  .self-collection-time
  .self-collection-time-content
  .option-list
  .option-item {
  text-align: center;
  height: 50px;
  width: 230px;
  border-radius: 3px;
  background-color: #ebe7e3;
  border: solid 1px #a6a6a6;
  line-height: 50px;
  float: left;
  font-size: 16px;
  color: #2a2a2a;
  font-weight: 700;
  cursor: pointer;
}

.checkout-order-left
  .self-collection-time
  .self-collection-time-content
  .option-list
  .optioin-item {
  font-size: 14px;
  color: #404040;
}

.checkout-order-left .delivery-method .delivery-method-content .btn-list {
  background-color: #f2f2f2;
  margin-bottom: 10px;
}

.checkout-order-left .option-list {
  margin: 0 30px;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.checkout-order-left .self-collection-time .option-list {
  margin: 0;
}

.checkout-order-left
  .delivery-address
  .delivery-address-content
  .option-list
  .option-item {
  text-align: center;
  height: 50px;
  width: 260px;
  border-radius: 3px;
  background-color: #ebe7e3;
  border: solid 1px #a6a6a6;
  line-height: 50px;
  float: left;
  font-size: 16px;
  color: #2a2a2a;
  font-weight: 700;
  cursor: pointer;
}

.checkout-order-left
  .delivery-address
  .delivery-address-content
  .option-list
  .option-item.selected {
  background: #fff;
  border: solid 2px #249549;
}

.checkout-order-left .self-collection-time .collection-address {
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-left {
  width: 400px;
  float: left;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-left
  .map-info {
  width: 400px;
  height: 220px;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right {
  width: calc(100% - 400px);
  width: -moz-calc(100% - 400px);
  width: -webkit-calc(100% - 400px);
  padding-left: 27px;
  float: left;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-location {
  font-size: 16px;
  color: #2a2a2a;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-location
  i {
  margin-right: 10px;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-info {
  font-size: 14px;
  color: #249549;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-info
  .self-collection-remarks {
  color: #2a2a2a;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-info
  .desktop-collection
  i {
  margin-right: 10px;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-info
  .desktop-collection {
  margin-top: 20px;
  display: block;
  font-size: 16px;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-info
  .mobile-collection {
  display: none;
  font-size: 14px;
}

.checkout-order-left
  .self-collection-time
  .collection-address
  .collection-address-right
  .collection-address-info
  .mobile-collection
  .mobile-collection-item {
  margin-top: 28px;
  margin-bottom: 10px;
}

.checkout-order-left .self-collection-time {
  padding: 0 30px 20px 30px;
}

.checkout-order-left .delivery-address .address-option {
  padding-top: 16px;
  padding-bottom: 20px;
  margin: 0 30px;
}

.checkout-order-left .delivery-address .delviery-other {
  padding-top: 16px;
  padding-bottom: 20px;
}

.checkout-order-left .delivery-address .delviery-other .delivery-other-title {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
  margin-bottom: 6px;
  padding: 0 30px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-left
  .delivery-other-title {
  padding: 0;
}

.checkout-order-left .delivery-address .delviery-other .delivery-other-desc {
  font-size: 14px;
  color: #404040;
  padding: 0 30px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-left
  .delivery-other-desc {
  padding: 0;
}

.checkout-order-left .delivery-address .delviery-other .delivery-other-input {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  /*-webkit-flex-wrap:wrap;*/
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  padding: 0 30px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-other-input
  .deliverydto_address {
  width: 360px;
  margin-right: 20px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-other-input
  .deliverydto_dh_unitNo {
  width: 100px;
  margin-right: 20px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-other-input
  .deliverydto_dh_buildingName {
  width: 320px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-other-input
  input {
  height: 36px;
  background-color: #ffffff;
  border: solid 1px #d7d7d7;
  padding-left: 20px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-other-input
  input[type="text"]::-webkit-input-placeholder {
  font-size: 16px;
  color: #a6a6a6;
  font-style: normal;
  padding-left: 10px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-other-input
  .deliverydto_dh_liftlobbyNumber {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.checkout-order-left .delivery-address .delviery-other .delivery-point-left {
  width: calc(100% - 450px);
  width: -moz-calc(100% - 450px);
  width: -webkit-calc(100% - 450px);
  float: left;
  padding-left: 30px;
}

.checkout-order-left .delivery-address .delviery-other .delivery-point-right {
  width: 410px;
  display: flex;
  display: -webkit-flex;
  -webkit-flex-wrap: nowrap;
  padding: 15px 10px;
  float: left;
  background-color: #f1f2eb;
  border: solid 2px #249549;
  margin-right: 30px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-right
  .delivery-right-icon,
.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-right
  .delivery-point-right-info {
  /*display: table-cell;*/
  vertical-align: top;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-right
  .delivery-right-icon
  i {
  font-size: 20px;
  /*margin-top:5px;*/
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-right
  .delivery-point-right-info-content {
  width: 358px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-right
  .point-item
  .point-item-right {
  width: 330px;
}

.delivery-point-right .delivery-point-right-info .point-item {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: nowrap;
  margin-top: 10px;
}

.delivery-point-right .delivery-point-right-info .point-item .point-item-left {
  margin-right: 10px;
  margin-top: 5px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .delivery-point-right
  .delivery-right-icon {
  padding-right: 10px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .input-list
  .location-options {
  float: left;
  display: table;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .input-list
  .location-options
  .location-radio {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: 3px;
  margin-right: 10px;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .input-list
  .location-options
  .location-radio,
.checkout-order-left
  .delivery-address
  .delviery-other
  .input-list
  .location-options
  .location-text {
  display: table-cell;
  vertical-align: middle;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .input-list
  .location-options
  .location-text
  label {
  float: left;
  padding-left: 10px;
  font-size: 16px;
  color: #a6a6a6;
  line-height: 36px;
  margin-bottom: 0;
}

.checkout-order-left
  .delivery-address
  .delviery-other
  .input-list
  .location-options
  .location-text
  .append-text {
  float: left;
  margin-left: 10px;
}

.checkout-order-left .delivery-address .delviery-other .append-text input {
  width: 124px;
}

.checkout-order-left .delivery-address .address-option .address-select {
  float: left;
  width: 350px;
}

.checkout-order-left
  .delivery-address
  .address-option
  .address-select:last-child {
  margin-right: 0px;
}

.checkout-order-left
  .delivery-address
  .address-option
  .address-select
  .input-group {
  width: 100%;
}

.checkout-order-left .delivery-address .address-option .address-select {
  margin-right: 20px;
}

.checkout-order-left
  .delivery-address
  .address-option
  .clalet-select
  .desc-label {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
  margin-bottom: 5px;
}

.checkout-order-left
  .delivery-address
  .address-option
  .address-select
  .option-select {
  background: url("/assets/images/chevron-down.png") no-repeat right #fff;
  border: solid 1px #d7d7d7;
  width: 100%;
  height: 36px;
  padding-left: 20px;
  font-size: 18px;
}

.checkout-order-left .delivery-address-content .button-box .option-item {
  width: 205px;
  height: 40px;
  padding-left: 20px;
  margin-top: 5px;
  line-height: 40px;
  float: left;
  background: #f1f2ec;
  cursor: pointer;
}

.checkout-order-left .delivery-option-content .location-options:first-child {
  margin-right: 30px;
}

.checkout-order-left .delivery-option-content .location-options {
  width: 205px;
  float: left;
  display: table;
  margin-top: 20px;
}

.checkout-order-left
  .delivery-option-content
  .location-options
  .location-radio {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin: 0px;
  cursor: pointer;
}

.checkout-order-left .delivery-option-content .location-options label {
  cursor: pointer;
}

.checkout-order-left .location-options .location-radio + label::before {
  content: "\a0"; /*不换行空格*/
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  border-radius: 50%;
  border: 2px solid #a6a6a6;
  text-indent: 0.15em;
  line-height: 1;
}

.checkout-order-left .location-options .location-radio:checked + label::before {
  background-color: #2a2a2a;
  background-clip: content-box;
  padding: 0.2em;
}

.checkout-order-left .delivery-option-content .location-options .location-radio,
.checkout-order-left .delivery-option-content .location-options .location-text {
  display: table-cell;
  vertical-align: top;
}

.checkout-order-left
  .delivery-option-content
  .location-options
  .location-radio {
  padding-top: 5px;
}

.checkout-order-left .delivery-option-content .location-options .location-text {
  padding-left: 10px;
}

.checkout-order-left .delivery-option-content .location-options .location-info {
  font-size: 16px;
  color: #2a2a2a;
  font-weight: 600;
}

.checkout-order-left .delivery-option-content .location-options .location-desc {
  font-size: 16px;
  color: #404040;
}

.checkout-order-left .delivery-option-content .location-options .button-box {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
}

.checkout-order-left .delivery-option-content .location-options .button-box {
  margin-top: 6px;
  max-width: 620px;
}

.checkout-order-left .delivery-option-content .location-options .option-item {
  width: 200px;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  border-radius: 3px;
  background-color: #ebe7e3;
  border: solid 1px #a6a6a6;
  margin-right: 10px;
  margin-top: 10px;
  font-size: 14px;
  color: #404040;
  cursor: pointer;
}

.checkout-order-left
  .delivery-option-content
  .location-options
  .option-item:nth-child(3n) {
  margin-right: 0px;
}

.checkout-order-left
  .delivery-option-content
  .location-options
  .option-item.selected {
  background-color: #ffffff;
  border: solid 2px #249549;
}

.checkout-order-left
  .delivery-option-content
  .location-options
  .option-item
  .option-item-price {
  float: right;
  margin-right: 20px;
}

.checkout-order-left .option-foot {
  margin-top: 30px;
  margin-bottom: 363px;
}

.checkout-order-left .button-style {
  font-size: 16px;
  color: #fff;
  background: #a6a6a6;
  width: 220px;
  border-radius: 5px;
  text-align: center;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
}

.checkout-order-left .button-style.delivery-confirm {
  background: #d03436;
}

.checkout-order-left .delivery-time {
  padding-left: 30px;
  padding-bottom: 20px;
  background: #f2f2f2;
}

.checkout-order-right .delivery-method-title {
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  background: #f2f2f2;
}

.checkout-order-right .delivery-summary-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 15px;
  border-left: solid 1px #d7d7d7;
  border-right: solid 1px #d7d7d7;
  border-bottom: solid 1px #d7d7d7;
}

.checkout-order-right .checkout-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-left: solid 1px #d7d7d7;
  border-right: solid 1px #d7d7d7;
  border-bottom: solid 1px #d7d7d7;
}

.checkout-order-right .button-style {
  font-size: 16px;
  color: #fff;
  background: #a6a6a6;
  width: 220px;
  border-radius: 5px;
  text-align: center;
  margin: 0px auto;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  cursor: pointer;
}

.checkout-order-right .button-style.delivery-confirm {
  background: #d03436;
}

.checkout-order-right .desc-title {
  margin-top: 10px;
}

.checkout-order-right .desc-content {
  font-weight: 600;
  color: #000000;
}

.checkout-order-left .delivery-date .delivery-date-content .date-list {
  width: 300px;
  height: 280px;
  margin: 0 auto 15px auto;
  overflow: hidden;
}

.checkout-order-left .datetimepicker-content {
  width: 100%;
  height: 290px;
  margin: 0 auto;
  position: absolute;
  top: 50px;
  z-index: 2;
  display: none;
}

.checkout-order-left .datetimepicker-content .datetimepicker-icon {
  width: 10px;
  height: 0;
  margin: 0 auto;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #adbca5;
  border-left: 10px solid transparent;
}

.checkout-order-left .delivery-time-list {
  padding-top: 15px;
}

/*cart*/

.cart-info {
  width: 100%;
  padding-bottom: 115px;
}

.cart-info .non-item-desc {
  width: 75%;
  max-width: 880px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 16px;
  text-align: center;
  color: #2a2a2a;
}

.cart-info .non-item-desc a {
  color: #34a1ce;
}

.cart-info .cart-head {
  width: 75%;
  max-width: 880px;
  margin-top: 10px;
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 300;
  color: #2a2a2a;
  height: 40px;
  line-height: 40px;
}

.cart-info .cart-head span {
  float: right;
  font-size: 14px;
  color: #34a1ce;
  line-height: 40px;
}

.cart-info .cart-head span a {
  font-size: 14px;
  font-weight: 500;
  color: #34a1ce;
}

.cart-info .cart-head span i {
  font-family: Material Icons;
  color: #ffffff;
  font-size: 14px;
  color: #34a1ce;
  font-style: normal;
  display: inline-block;
}

.cart-info .cart-head span span {
  display: inline-block;
}

.cart-info .cart-info-content {
  width: 100%;
}

.cart-info .option-promotionlist .item-content-index,
.cart-info .option-tipslist .item-content-index,
.cart-info .option-free-promotionlist .item-content-index,
.cart-info .option-tipslist .item-content-index {
  padding: 10px 0;
  padding-left: 5px;
  border-bottom: 1px dotted #ddd;
}

.cart-info .option-promotionlist .cart-offer-wrapper,
.cart-info .option-free-promotionlist .cart-offer-wrapper,
.cart-info .option-newitemlist .cart-offer-wrapper,
.cart-info .option-tipslist .cart-offer-wrapper {
  padding-top: 20px;
}

.cart-info-content .product-left {
  width: 75%;
  max-width: 880px;
  float: left;
}

.info-right {
  width: calc(26% - 20px);
  width: -moz-calc(26% - 20px);
  width: -webkit-calc(26% - 20px);
  max-width: 280px;
  float: left;
  margin-left: 20px;
  display: table-cell;
  height: 100%;
}

.info-right .bbq-delivery-date {
}

.info-right .bbq-delivery {
  border: solid 2px #f2f2f2;
  padding: 12px 20px;
}

.info-right .bbq-delivery-date .cook-food-info {
  color: #d03436;
  font-size: 14px;
  height: 20px;
  width: 100%;
  margin: 10px 0;
}

.info-right .bbq-delivery-date .cook-food-info .attention {
  float: left;
  line-height: 20px;
}

.info-right .bbq-delivery-date .cook-food-info {
  float: left;
  margin-left: 10px;
  font-weight: 700;
  color: #d03436;
}

.info-right .bbq-delivery .btn-delivery-info,
.info-right .bbq-delivery .btn-delivery-self {
  width: 100%;
  height: 40px;
  background: #f1f2eb;
  line-height: 40px;
  padding-left: 37px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}

.info-right .bbq-delivery .btn-delivery-info.selected,
.info-right .bbq-delivery .btn-delivery-self.selected {
  background: #ffd717;
}

.info-right .bbq-delivery .btn-delivery-info i,
.info-right .bbq-delivery .btn-delivery-self i {
  margin-right: 10px;
  font-size: 20px;
}

.info-right .bbq-delivery .btn-delivery-self {
  margin-top: 10px;
}

.info-right .bbq-delivery-date .bbq-date {
  min-height: 79px;
  background: #f2f2f2;
  padding: 19px 15px 13px 15px;
}

.info-right .bbq-delivery-date .bbq-date .bbq-date-title,
.info-right .bbq-delivery-date .bbq-date .bbq-collection-title,
.info-right .bbq-delivery-date .bbq-date .bbq-time-title,
.info-right .bbq-delivery-date .bbq-date .bbq-deliver-title,
.info-right .bbq-delivery-date .bbq-date .bbq-point-title {
  font-size: 16px;
  color: #404040;
  margin-top: 10px;
}

.info-right .bbq-delivery-date .bbq-date .bbq-date-title i {
  font-size: 18px;
  color: #404040;
}

.info-right .bbq-delivery-date .bbq-date .bbq-date-content {
  font-size: 22px;
  font-weight: 700;
}

.info-right .bbq-delivery-date .bbq-date .bbq-collection-content,
.info-right .bbq-delivery-date .bbq-date .bbq-time-content,
.info-right .bbq-delivery-date .bbq-date .bbq-deliver-content,
.info-right .bbq-delivery-date .bbq-date .bbq-point-content {
  font-size: 18px;
  font-weight: 700;
}

.info-right .bbq-delivery-date .bbq-date .bbq-deliver-content a {
  font-size: 18px;
}

.info-right .cart-totle,
.info-right .cart-title,
.info-right .set-email-cart,
.info-right .set-chef-cart {
  border: 2px solid #f2f2f2;
  /*border-radius: 8px;*/
}

.info-right .cart-totle-head,
.info-right .cart-title-head,
.info-right .cart-email-head,
.set-chef-cart .cart-chef-head {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  font-weight: 700;
  background-color: #f2f2f2;
  padding: 0 15px;
  color: #404040;
}

.info-right .cart-totle .items-total-cart,
.info-right .cart-totle .delivery-fee-cart {
  font-size: 18px;
  font-weight: 500;
  color: #404040;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 15px;
}

.info-right .cart-totle .order-total-cart {
  font-size: 20px;
  font-weight: 700;
  color: #404040;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.info-right .cart-totle .items-total-cart span,
.info-right .cart-totle .delivery-fee-cart span,
.info-right .cart-email-head span,
.set-chef-cart .cart-chef-head span {
  float: right;
  font-size: 18px;
  font-weight: 700;
}

.order-total-cart span {
  float: right;
  font-size: 20px;
  font-weight: 700;
}

.info-right .set-chef-cart-content .chef-title {
  padding: 20px;
}

.info-right .set-chef-cart-content .chef-title .chef-img {
  float: left;
}

.info-right .set-chef-cart-content .chef-title .chef-img img {
  width: 40px;
}

.info-right .set-chef-cart-content .chef-title .chef-desc {
  float: right;
  width: calc(100% - 40px - 10px);
  width: -moz-calc(100% - 40px - 10px);
  width: -webkit-calc(100% - 40px - 10px);
}

.info-right .set-chef-cart-content .chef-option {
  padding: 15px 20px;
}

.info-right .set-chef-cart-content .chef-option .chef-item {
  display: table;
}

.info-right .set-chef-cart-content .chef-option .chef-item .chef-checkbox {
  display: table-cell;
  vertical-align: middle;
}

.info-right .set-chef-cart-content .chef-option .chef-item .chef-checkbox-desc {
  font-size: 14px;
  display: table-cell;
  padding-left: 10px;
}

.info-right
  .set-chef-cart-content
  .chef-option
  .chef-item
  .chef-checkbox-desc
  label {
  font-weight: 500;
  font-size: 16px;
}

.info-right .set-chef-cart-content .chef-option .chef-item .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}

.info-right .set-chef-cart-content .chef-option .chef-item .chb_pro {
  display: none;
}

.info-right .set-chef-cart-content .chef-option .chef-item .chb_pro + label {
  width: 12px;
  float: left;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #a6a6a6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 6px;
  display: inline-block;
  position: relative;
}

.info-right
  .set-chef-cart-content
  .chef-option
  .chef-item
  .chb_pro
  + label:active {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.info-right
  .set-chef-cart-content
  .chef-option
  .chef-item
  .chb_pro:checked
  + label {
  background-color: #fff;
  border: 1px solid #a6a6a6;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),
    inset 15px 10px -12px rgba(255, 255, 255, 0.1);
  color: #243441;
}

.info-right
  .set-chef-cart-content
  .chef-option
  .chef-item
  .chb_pro:checked
  + label:after {
  content: "\2714";
  position: absolute;
  top: -9px;
  left: 0px;
  color: #2e3532;
  width: 100%;
  text-align: center;
  font-size: 1em;
  padding: 1px 0 0 0;
  vertical-align: text-top;
}

.info-right .set-chef-cart-content .chef-option .chef-item .checkbox-lable {
  width: 10%;
  float: left;
  padding-top: 2px;
}

.info-right .cart-title-head-two {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  font-weight: 500;
  color: #616161;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
}

.info-right .set-email-cart .form-control-static {
  font-size: 16px;
  height: auto;
  padding: 10px 15px;
  color: #404040;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 1px 1px 1px 1px #cccccc;
  -moz-box-shadow: 1px 1px 1px 1px #cccccc;
  box-shadow: 1px 1px 1px 1px #cccccc;
}

.info-right .cart-title .items-total-cart,
.info-right .cart-title .delivery-fee-cart,
.info-right .cart-title .order-total-cart {
  font-size: 18px;
  font-weight: 500;
  color: #616161;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #ddd;
}

.info-right .cart-title .right-content {
  padding-left: 20px;
  padding-right: 20px;
}

.info-right .cart-title .cart-title-content {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.info-right .cart-title .btn-delivery-info,
.check-delivery-information .btn-delivery-info {
  display: block;
  width: 100%;
  text-align: center;
  background: #f6f1f3;
  color: #404040;
  border-radius: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  border: none;
  outline: none;
  text-decoration: none;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 1px 1px #616161;
  -moz-box-shadow: 1px 1px 1px 1px #616161;
  box-shadow: 1px 1px 1px 1px #616161;
}

.info-right .cart-title .btn-delivery-info.selected,
.check-delivery-information .btn-delivery-info.selected {
  background: #00b050;
  color: #fff;
}

.info-right .cart-title .btn-self-info,
.check-delivery-information .btn-self-info {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  background: #f6f1f3;
  font-size: 18px;
  color: #404040;
  border-radius: 5px;
  padding-top: 7px;
  padding-bottom: 7px;
  border: none;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  -webkit-box-shadow: 1px 1px 1px 1px #616161;
  -moz-box-shadow: 1px 1px 1px 1px #616161;
  box-shadow: 1px 1px 1px 1px #616161;
}

.info-right .cart-title .btn-self-info.selected,
.check-delivery-information .btn-self-info.selected {
  background: #00b050;
  color: #fff;
}

.info-right .cart-title .cart-title-foot {
  padding-left: 20px;
  padding-right: 20px;
}

.info-right .cart-title .cart-title-foot .cart-title-foot-name {
  font-size: 24px;
  font-weight: 500;
  color: #616161;
  height: 40px;
  line-height: 40px;
}

.info-right
  .cart-title
  .cart-title-foot
  .cart-title-foot-name
  .cart-title-foot-value {
  font-size: 24px;
  font-weight: 500;
  color: #c00000;
  float: right;
}

.info-right .cart-title .cart-title-foot .cook-food-info {
  color: #b6192d;
  background: #ffea9a;
  padding: 10px;
}

.info-right .cart-title .cart-title-foot .cook-food-info .attention {
  float: left;
  margin-top: 5px;
}

.info-right .cart-title .cart-title-foot .cook-food-info .attention-content {
  float: left;
  margin-left: 10px;
  width: calc(100% - 50px);
  width: -moz-calc(100% - 50px);
  width: -webkit-calc(100% - 50px);
}

.info-right .cart-title .items-total-cart span,
.info-right .cart-title .delivery-fee-cart span,
.info-right .cart-title .order-total-cart span {
  font-size: 18px;
  font-weight: 500;
  color: #616161;
  float: right;
}

.info-right .cart-title .btn-checkout-cart,
.info-right .set-email-cart .btn-send-email {
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  background: #d03436;
  outline: none;
  padding: 7px 24px;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  margin: 15px auto 15px auto;
  border: none;
}

.info-right .cart-totle .btn-checkout-cart,
.checkout-cart-total .btn-checkout-cart,
.info-right .btn-proceed-payment {
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  max-width: 260px;
  font-size: 18px;
  color: #fff;
  font-weight: 500;
  background: #888888;
  outline: none;
  padding: 7px 24px;
  text-decoration: none;
  display: inline-block;
  border-radius: 5px;
  margin: 15px auto 15px auto;
  border: none;
  cursor: pointer;
}

.info-right .cart-totle .btn-proceed-payment {
  background: #d03436;
}

.info-right .cart-totle .btn-checkout-cart.btn-continue,
.checkout-cart-total .btn-continue {
  background: #d03436;
}

.info-right .cart-title .btn-checkout-cart:hover,
.info-right .set-email-cart .btn-send-email:hover {
  background: #c80000;
}

.info-right .set-email-cart .set-email-cart-content .email-cart-desc {
  font-size: 16px;
  font-weight: 500;
  color: #404040;
  padding-bottom: 10px;
}

.info-right .set-email-cart .set-email-cart-content {
  padding: 8px;
}

.info-right .bbq-delivery-date,
.info-right .set-email-cart,
.info-right .set-chef-cart {
  margin-top: 20px;
}

.option-delivery {
  width: 100%;
  padding: 0 12px;
}

.option-delivery .label {
  font-size: 18px;
  color: #404040;
  width: 100%;
  text-align: left;
  padding: 15px 0 15px 20px;
  display: inline-block;
  text-transform: uppercase;
}

.option-delivery .options {
  text-align: left;
  padding-left: 25px;
  padding-bottom: 15px;
}

.option-delivery .enter-bbq-venue-wrapper {
  background: #f8f8f8;
  padding-bottom: 1px;
}

.info-right .set-delivery-fee {
  outline: none;
  text-decoration: underline;
  display: inline-block;
  letter-spacing: 0.3px;
  font-size: 18px;
  font-weight: 700;
  color: #404040;
}

.delviery-other .delivery-other-input {
  position: relative;
}

.delviery-other .prompt {
  position: absolute;
  top: 36px;
  left: 30px;
  width: 360px;
  max-height: 216px;
  overflow: hidden;
  overflow-y: scroll;
  z-index: 1;
  display: none;
}

.prompt .prompt-item {
  height: 36px;
  width: 100%;
  background: #f1f2eb;
  padding-left: 20px;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  line-height: 36px;
  cursor: pointer;
}

.prompt .prompt-item:hover {
  background: #adbca5;
}

.checkout-order-again .product-left .pk-item2 .pk-introduction {
  padding-left: 15px;
}

.discount-tips-popup .member-content input.border-mistake,
.discount-tips-popup .voucher-content input.border-mistake {
  border: solid 1px #d03436;
}

.otp-div {
  border: 1px solid #dcdcdc;
  max-width: 780px;
  width: 100%;
  /*width: calc(50% - 20px);
    width: -moz-calc(50% - 20px);
    width: -webkit-calc(50% - 20px);*/
  margin: 100px auto 0 auto;
  padding: 56px 133px;
}

.otp-div .otp-title {
  width: 100%;
  /*text-align: center;*/
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
}

.otp-div .otp-desc {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 35px;
  color: #2a2a2a;
}

.otp-div .otp-input {
  width: 100%;
  /*text-align: center;*/
}

.otp-div .otp-input .prefix-number {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #000000;
}

.otp-div .otp-input .input-number {
  display: inline-block;
  margin-left: 8px;
}

.otp-div .otp-input .input-number input {
  width: 210px;
  height: 40px;
}

.otp-div .otp-input .btn-number {
  display: inline-block;
  background: #4a4a4a;
  color: #fff;
  padding: 7px 30px;
  margin-left: 8px;
  border-radius: 3px;
  cursor: pointer;
}

.modal-popup .otp-div .otp-input .btn-number {
  padding-left: 0;
  padding-right: 0;
  width: 125px;
  text-align: center;
}

.otp-div .otp-input .btn-number.disabled {
  background: #888888;
}

.otp-div .otp-input .btn-continue {
  display: inline-block;
  background: #d03436;
  color: #fff;
  padding: 7px 30px;
  margin-left: 8px;
  border-radius: 3px;
  cursor: pointer;
}

.otp-div input[type="text"] {
  color: #242424;
  padding: 6px 15px;
  border: 1px solid #dcdcdc;
  box-shadow: 0 0 3px #cccccc;
  font-size: 16px;
}

.otp-div input[type="text"]::-webkit-input-placeholder {
  font-style: italic;
  color: #cccccc;
}

.otp-div .otp-attention {
  width: 100%;
  /* background: #FFEA9A;*/
  height: 40px;
  line-height: 40px;
  margin-top: 10px;
  /*text-align: center;*/
}

.otp-div .otp-prompt {
  width: 100%;
  margin-top: 30px;
  /*text-align: center;*/
  font-size: 16px;
  color: #2a2a2a;
}

.otp-div .otp-info {
  width: 100%;
  margin: 10px 0 20px 0;
  /*text-align: center;*/
  font-size: 16px;
}

.otp-div .otp-info a {
  text-decoration: underline;
}

.pay-order {
  width: 100%;
  margin: 0 auto;
  color: #404040;
}

.pay-order input {
  font-size: 18px;
}

.pay-order select {
  font-size: 18px;
}

.pay-order .form-control-static {
  min-height: 46px;
  padding-left: 20px;
}

.pay-order .pay-content label {
  font-size: 16px;
  font-weight: 500;
}

.pay-order .order-left-content {
}

.pay-order .order-left-content .hand {
  height: 60px;
  line-height: 60px;
  font-size: 21px;
  font-weight: 800;
  color: #404040;
  padding: 0 50px;
}

.pay-order .delivery-mode-title {
  font-size: 18px;
  font-weight: 700;
  color: #404040;
  padding: 30px 0px 18px 0px;
}

.pay-order .delivery-mode {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.pay-order .delivery-mode .delivery-mode-item {
  position: relative;
  width: 100%;
  max-width: 200px;
  height: 120px;
  border: solid 2px #d7d7d7;
  border-radius: 3px;
  cursor: pointer;
}

.pay-order .delivery-mode .delivery-mode-item.checked {
  position: relative;
  border: 2px solid #249549;
  background: #f1f2eb;
}

.pay-order .delivery-mode .delivery-mode-item:last-child {
  margin-right: 0px;
}

.pay-order .delivery-mode .delivery-mode-item .item-icon {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  width: 100%;
}

.pay-order .delivery-mode .delivery-mode-item .item-icon img {
  display: initial;
  vertical-align: middle;
}

.pay-order .delivery-mode .delivery-mode-item .item-info {
  height: 30px;
  font-size: 16px;
  font-weight: 700;
  color: #404040;
}

.pay-order .delivery-mode .delivery-mode-item .item-info.item-info-secend {
  padding-top: 16px;
  margin: 0 45px;
  font-size: 16px;
  line-height: 16px !important;
}

.pay-order .delivery-mode .delivery-mode-item .item-info.checked {
}

.pay-order .delivery-mode .delivery-mode-item i {
  font-size: 30px;
  width: 39px;
  height: 30px;
  color: #616161;
}

.pay-order .delivery-mode .delivery-mode-item.checked i {
  font-size: 30px;
  width: 39px;
  height: 30px;
  color: #249549;
}

.pay-order .delivery-mode .delivery-mode-item.checked .icon-top {
  display: block;
  position: absolute;
  margin-left: -14px;
  left: 50%;
  top: 114px;
  width: 0;
  height: 0;
  border-width: 0 14px 14px;
  border-style: solid;
  border-color: transparent transparent #d7d7d7; /*透明 透明  灰*/
}

.pay-order .delivery-mode .delivery-mode-item.checked .icon-top span {
  display: block;
  width: 0;
  height: 0;
  border-width: 0 14px 14px;
  border-style: solid;
  border-color: transparent transparent #d7d7d7; /*透明 透明  黄*/
  position: absolute;
  top: 1px;
  left: -14px;
}

.pay-order .delivery-mode .delivery-mode-item .not-available {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #000;
  opacity: 0.5;
  color: #fff;
  display: table;
  vertical-align: middle;
}

.pay-order .delivery-mode .delivery-mode-item .not-available span {
  display: table-cell;
  vertical-align: middle;
}

.pay-order .pay-content {
  width: 100%;
  margin-top: 20px;
}

.pay-order .pay-content .credit-card-contetnt,
.pay-order .pay-content .bank-transfer-content {
  padding: 20px 30px;
}

.pay-order .pay-content .banktransferNo {
  height: 154px;
  line-height: 154px;
  text-align: center;
  font-size: 18px;
  color: #333;
  font-weight: 600;
}

.pay-order .pay-content .banktransferNo span {
  color: #d03436;
}

.pay-order .pay-content .bank-transfer-content .bank-transfer-content-text {
  width: 100%;
  max-width: 508px;
  text-align: center;
  margin: 0 auto;
}

.pay-order .pay-content .credit-card-contetnt.pay-accept {
  height: 100px;
  line-height: 60px;
  background: #f2f2f2;
}

.pay-order .pay-content .bank-transfer-content.pay-accept {
  line-height: 50px;
  background: #f2f2f2;
}

.pay-order .pay-content .bank-transfer-content.pay-accept {
  position: relative;
}

.pay-order .pay-content .credit-card-contetnt.pay-accept .credit-card-text {
  width: 100%;
  max-width: 170px;
  float: left;
  font-size: 18px;
  font-weight: 700;
}

.pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-text {
  width: 100%;
  max-width: 270px;
  font-size: 18px;
  font-weight: 700;
  float: left;
}

.pay-order
  .pay-content
  .pay-info
  .bank-transfer-content.pay-accept
  .bank-transfer-text {
  float: none;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-text
  i {
  font-size: 16px;
  color: #404040;
  margin-right: 8px;
}

.pay-order .pay-content .credit-card-contetnt.pay-accept .credit-card-value {
  width: 100%;
  max-width: 715px;
  float: left;
}

.pay-order
  .pay-content
  .credit-card-contetnt.pay-accept
  .credit-card-value
  .image-item {
  margin-right: 50px;
}

.pay-order
  .pay-content
  .pay-setp
  .bank-transfer-content.pay-accept
  .bank-transfer-value {
  width: calc(100% - 300px);
  width: -moz-calc(100% - 300px);
  width: -webkit-calc(100% - 300px);
  max-width: 580px;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.pay-order
  .pay-content
  .pay-info
  .bank-transfer-content.pay-accept
  .bank-transfer-value {
  position: absolute;
  left: 50%;
  top: 25px;
  margin-left: -70px;
}

.pay-order .pay-content .bank-transfer-content.pay-accept .bank-transfer-value {
  font-size: 0px;
}

.pay-order
  .pay-content
  .pay-info
  .bank-transfer-content.pay-accept
  .bank-transfer-value {
  text-align: center;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .bank-item {
  width: 140px;
  height: 50px;
  cursor: pointer;
  margin-left: 53px;
  background-color: #ebe7e3;
  border: solid 1px #a6a6a6;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  justify-content: center;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .bank-item
  img {
  width: 100%;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .bank-item:first-child {
  margin-left: 0px;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .bank-item.selected {
  border: solid 2px #249549;
  background: #fff;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .dbs
  img {
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .dbs.selected
  img {
  border-color: #249549;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .uob
  img {
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .uob.selected
  img {
  border-color: #249549;
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .ocbc
  img {
}

.pay-order
  .pay-content
  .bank-transfer-content.pay-accept
  .bank-transfer-value
  .ocbc.selected
  img {
  border-color: #249549;
}

.pay-order .pay-content .credit-card-contetnt-info {
  width: 100%;
  max-width: 525px;
  margin: 0 auto;
  text-align: center;
}

.pay-order .pay-content .bank-transfer-content-info {
  width: calc(100% - 270px);
  width: -moz-calc(100% - 270px);
  width: -webkit-calc(100% - 270px);
  max-width: 580px;
  margin: 0 auto;
}

.pay-setp .bank-transfer-content .bank-transfer-content-desc {
  width: 100%;
  background: #fff;
  padding: 15px 20px;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 14px;
  color: #161616;
  font-weight: 600;
}

.pay-setp
  .bank-transfer-content
  .bank-transfer-content-desc
  .account-holder-name,
.pay-setp .bank-transfer-content .bank-transfer-content-desc .swift-code,
.pay-setp .bank-transfer-content .bank-transfer-content-desc .account-number {
  font-size: 16px;
  color: #2a2a2a;
}

.pay-order .pay-content .pay-info .bank-transfer-content-info {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
}

.pay-order
  .pay-content
  .credit-card-contetnt
  .credit-card-contetnt-info
  .card-option,
.pay-order .pay-content .bank-transfer-content-info .bank-option {
  font-size: 14px;
  font-weight: 500;
  color: #404040;
}

.pay-order .pay-content .fa-check-square {
  font-size: 20px;
  color: #249549;
  margin-right: 12px;
}

.pay-order .pay-content .fa-square-o {
  font-size: 20px;
  color: #404040;
  margin-right: 12px;
}

.pay-order
  .pay-content
  .credit-card-contetnt
  .credit-card-contetnt-info
  .card-option
  a,
.pay-order .pay-content .card-desc a {
  color: #34a1ce;
}

.pay-order .pay-content .card-desc {
  font-size: 12px;
}

.pay-order .pay-content .bank-type {
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 20px;
  color: #629fd7;
  display: block;
  text-decoration: underline;
}

.pay-order .pay-content .title {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
}

.pay-order .pay-content .info {
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
}

.pay-order .pay-content .info span {
  color: #249549;
}

.pay-order .pay-content .desc {
  font-size: 18px;
  font-weight: 500;
  margin-top: 20px;
  max-width: 380px;
  margin: 0 auto;
}

.pay-order .pay-content .desc span {
}

.pay-order .pay-content .form-group {
  margin-bottom: 0px;
}

.pay-order .pay-content .delivery-date-group {
  width: 100%;
  height: 36px;
  border: solid 1px #d7d7d7;
  position: relative;
}

.pay-order .pay-content input {
  padding-left: 20px;
}

.pay-order .pay-content select {
  padding-left: 20px;
  xbackground: url(/assets/images/chevron-down.png) no-repeat right #fff;
  background: url(/assets/images/chevron-down.png) no-repeat right #fff;
}

.pay-order .pay-content .delivery-date-group .date-value {
  width: 100%;
  line-height: 34px;
  font-size: 18px;
  border: none;
}

.pay-order .pay-content .delivery-date-group .date-icon {
  position: absolute;
  font-size: 16px;
  top: 0;
  right: 10%;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}

.pay-content .credit-card-info .pay-progress {
  text-align: center;
  padding-top: 70px;
  padding-bottom: 75px;
}

.pay-content .credit-card-info .pay-progress .pay-progress-desc {
  font-size: 18px;
  font-weight: 700;
}

.pay-content .pay-progress .pay-progress-info {
  margin-top: 20px;
  font-size: 14px;
}

.pay-content .pay-progress .pay-progress-info a {
  color: #34a1ce;
}

.pay-order .operate {
  text-align: center;
}

.pay-order .operate .btn-next {
  width: 100%;
  max-width: 240px;
  background-color: #d03436;
  border-radius: 3px;
  border: none;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  margin: 18px auto 10px auto;
  font-weight: 700;
  cursor: pointer;
}

.pay-order .operate a {
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  display: block;
  margin-bottom: 35px;
  text-decoration: underline;
}

.pay-order .operate .btn-next.pay_credit_card,
.pay-order .operate .btn-next.btn-dbs-paylah,
pay-order .operate .btn-next.pay_credit_card,
.pay-order .operate .btn-next.btn_bank,
.pay-order .operate .btn-next.btn_bank_submit,
.pay-order .operate .btn-next.btn-gebiz,
.pay-order .operate .btn-next.btn-vendors {
  background-color: #d03436;
}

.pay-order .operate .btn-next.pay_credit_card:hover,
.pay-order .operate .btn-next.btn-dbs-paylah:hover,
.pay-order .operate .btn-next.btn_bank:hover,
.pay-order .operate .btn-next.btn_bank_submit:hover,
.pay-order .operate .btn-next.btn-gebiz:hover,
.pay-order .operate .btn-next.btn-vendors:hover,
.product-left .operate .btn-continue:hover,
.otp-div .otp-input .btn-continue:hover,
.checkout-order-left .button-style.delivery-confirm:hover,
.checkout-order-right .button-style.delivery-confirm:hover,
.btn-proceed-payment.btn-proceed-submit:hover,
.btn-payment.btn-proceed-submit:hover {
  background-color: #c80000 !important;
}

.product-left .tip-select .item-content-index .tips-add-to-cart:hover,
.info-right .cart-totle .btn-checkout-cart.btn-continue:hover,
.checkout-cart-total .btn-continue:hover {
  background-color: #c80000;
}

.pay-order .dbs-paylah .dbs-paylah-content {
  max-width: 414px;
  width: 100%;
  margin: 0 auto;
}

.bank-transfer .bank-information {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  padding: 15px 25px;
}

.pay-order .bank-mode-title {
  margin-top: 45px;
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: normal;
}

.pay-order .bank-mode {
  width: 100%;
}

.pay-order .bank-mode .bank-mode-item {
  position: relative;
  width: 100%;
  max-width: 210px;
  height: 120px;
  float: left;
  border: 1px solid #ddd;
  border-radius: 5px;
  margin-right: 18px;
  cursor: pointer;
}

.pay-order .bank-mode .bank-mode-item.checked {
  border: 1px solid #d03436;
}

.pay-order .bank-mode .bank-mode-item:last-child {
  margin-right: 0px;
}

.pay-order .bank-mode .bank-mode-item .bank-item-icon {
  display: table-cell;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  width: 2000px;
}

.pay-order .bank-mode .bank-mode-item .bank-item-info {
  height: 50px;
  font-size: 16px;
}

.pay-order .bank-mode .bank-mode-item .bank-item-info.checked {
  color: #d03436;
}

/*Thank-You*/
.thank-you {
  background-color: #f1f2eb;
}

.thank-you .thank-hander {
  text-align: center;
}

.thank-hander .thank-title {
  font-size: 36px;
  margin-top: 30px;
  font-weight: 300;
  color: #2a2a2a;
}

.thank-hander .order-number {
  font-size: 18px;
  font-weight: 700;
}

.thank-hander .order-number span {
  color: #249549;
}

.thank-you .thank-hander .thank-desc {
  font-size: 16px;
  font-weight: 500;
  margin-top: 30px;
}

.thank-you .btn-print {
  margin-top: 30px;
  height: 36px;
}

.thank-you .btn-print span {
  text-align: center;
  padding: 6px 20px;
  cursor: pointer;
  background: #404040;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

.thank-you .thank-body {
  width: 100%;
  margin-top: 54px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 0px;
  letter-space: -N px;
}

.thank-you .thank-body .thank-item {
  width: 100%;
  max-width: 280px;
  height: 538px;
  margin-left: 20px;
  display: inline-block;
  background-color: #fff;
  padding: 0 20px;
  vertical-align: top;
  text-align: left;
  border: solid 1px #d7d7d7;
}

.thank-you .thank-body .thank-item:first-child {
  margin-left: 0px;
}

.thank-you .thank-body .thank-item:last-child {
  max-width: 580px;
}

.thank-you .thank-body .thank-item .thank-item-hander {
  height: 55px;
  border-bottom: 1px solid #d7d7d7;
  line-height: 55px;
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
}

.thank-you .thank-body .thank-item .thank-item-hander span {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 100%;
  background: #249549;
  font-size: 16px;
  display: inline-block;
  margin-right: 11px;
  text-align: center;
  color: #fff;
}

.thank-you .thank-body .thank-item .thank-item-body {
  padding: 12px 0px 0 0px;
  /*min-height: 240px;*/
}

.thank-you .thank-body .thank-item .thank-item-body .normal-content {
  font-size: 16px;
  font-size: 16px;
  line-height: 1.38;
  color: #2a2a2a;
}

.thank-you .thank-body .thank-item .thank-item-body .normal-content span {
  font-weight: 600;
}

.thank-you .thank-body .thank-item .thank-item-body .value-content {
  font-size: 13px;
  line-height: 1.5;
  font-weight: 700;
}

.thank-you .thank-body .thank-item .thank-item-body .delivery-text {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
  line-height: 1.5;
}

.thank-you .thank-body .thank-item .thank-item-body .delivery-value {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  font-size: 16px;
  line-height: 1.5;
}

.thank-you .thank-body .thank-item .thank-item-body .print {
  font-size: 14px;
  color: #34a1ce;
  cursor: pointer;
}

.thank-you .thank-body .thank-item .thank-item-body .manage-icon {
}

.thank-you .thank-body .thank-item .thank-item-body .manage-icon .manage-item {
  margin-top: 20px;
  font-size: 16px;
  font-weight: 500;
}

.thank-you
  .thank-body
  .thank-item
  .thank-item-body
  .manage-icon
  .manage-item
  i {
  margin-right: 16px;
  font-size: 16px;
}

.thank-you .thank-body .thank-item .thank-item-body .manage-login {
  margin-top: 27px;
}

.thank-you .thank-body .thank-item .thank-item-body .manage-login span {
  color: #34a1ce;
}

.thank-banner {
  max-width: 700px;
  min-height: 100px;
}

.thank-you .bank-transfer-content-desc {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-size: 14px;
  color: #161616;
  font-weight: 600;
  padding: 0px 0 20px 0;
}

.thank-you .bank-transfer-content-desc .account-holder-name,
.thank-you .bank-transfer-content-desc .swift-code,
.pay-setp .bank-transfer-content-desc .account-number {
  font-size: 16px;
  color: #2a2a2a;
}

.thank-you .bank-transfer-content-desc .account-number {
  font-size: 18px;
}

.thank-you .step1 .operate {
  padding: 0 40px;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

.thank-you .step1 .operate .btn-next {
  width: 100%;
  max-width: 260px;
  background-color: #d03436;
  border-radius: 3px;
  border: none;
  font-size: 18px;
  font-weight: 600;
  height: 50px;
  color: #ffffff;
  line-height: 50px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}

.thank-you .operate a {
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  display: block;
  line-height: 50px;
  color: #34a1ce;
}

.thank-you .bank-transfer-content-desc input {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #ffffff;
  border: solid 1px #d7d7d7;
  margin-top: 5px;
  padding-left: 10px;
  font-size: 16px;
  color: #2a2a2a;
}

.thank-you .form-group {
  margin-bottom: 0;
}

.thank-you .bank-transfer-content-desc .banktransferDate {
  width: 100%;
  max-width: 180px;
}

.thank-you .bank-transfer-content-desc .input-amtTransferren {
  width: 100%;
  max-width: 140px;
}

.thank-you .bank-transfer-content-desc .input-transactionNo {
  width: 100%;
  max-width: 180px;
}

.thank-you .bank-transfer-content-desc .date-value {
  width: 100%;
  line-height: 36px;
  border: none;
}

.thank-you .bank-transfer-content-desc .date-icon {
  position: absolute;
  font-size: 16px;
  top: 5px;
  right: 10%;
  height: 36px;
  line-height: 36px;
  cursor: pointer;
}

.thank-you .btn-bank {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
  height: 36px;
  line-height: 36px;
  text-align: center;
  padding: 0 20px;
  cursor: pointer;
  background: #404040;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
}

footer .thankyou-info-container {
  /*background-image: url('/assets/images/footer-graphic.svg') ;*/
  /*background-repeat: no-repeat;*/
  background: #f1f2eb;
  width: 100%;
  height: 217px;
}

.balloon img {
  width: 34px;
  margin-left: 57px;
  margin-bottom: 20px;
}

.home-map {
  height: 62px;
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 62px;
  text-align: center;
  font-weight: 600;
}

.home-title {
  font-family: "Calibri", "GillSans";
  font-size: 32px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  font-weight: 600;
}

.home-des {
  font-family: "Calibri", "GillSans";
  font-size: 18px;
  text-align: center;
  padding: 0 120px;
}

.home-des a {
  font-size: 18px;
  color: #404040;
  text-decoration: underline;
  cursor: pointer;
}

.home-content {
  font-family: "Calibri", "GillSans";
  margin-top: 62px;
  margin-bottom: 115px;
}

.home-content .list-item:last-child {
  clear: both;
}

.home-content-list {
  border-top: 1px solid #ebebeb;
  padding-left: 0px;
}

.home-content-list:last-child {
}

.home-content-title a {
  font-size: 20px;
  color: #404040;
  height: 80px;
  line-height: 80px;
}

.home-content-item {
  padding-bottom: 20px;
}

.home-content-item a {
  color: #c83530;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.home-left,
.home-right {
  font-family: "Calibri", "GillSans";
  color: #404040;
}

.home-left {
  width: 100%;
  max-width: 208px;
  margin-left: 60px;
  padding-right: 40px;
  padding-top: 40px;
  float: left;
}

.home-right {
  width: 100%;
  max-width: 779px;
  max-width: calc(100% - 268px);
  max-width: -moz-calc(100% - 268px);
  max-width: -webkit-calc(100% - 268px);
  border-left: 1px solid #ebebeb;
  padding-top: 40px;
  padding-left: 56px;
  float: left;
}

.home-left .home-left-item {
  width: 100%;
  margin-bottom: 40px;
  text-align: left;
}

.home-left .home-left-item a,
.back-to-top a {
  font-size: 16px;
  color: #c83530;
  font-weight: 700;
  border-bottom: none;
  text-decoration: none;
}

.home-left .home-left-item a,
.back-to-top a:hover {
  color: #c80000;
}

.home-des .btn-home {
  margin-top: 18px;
  margin-bottom: 30px;
  background-color: #d03436;
  border-radius: 5px;
  border: none;
  font-size: 18px;
  height: 40px;
  color: #ffffff;
  line-height: 40px;
  padding: 0 54px;
  font-weight: bold;
}

.home-des .btn-home:hover {
  background-color: #c80000;
}

.tooltip-alert,
.foambox-question {
  cursor: pointer;
}

.del-add-contact {
  margin-top: 38px;
  margin-left: 20px;
  cursor: pointer;
}

.backtop {
  display: none;
  position: fixed;
  bottom: 145px;
  right: 20px;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 25px;
  background: #333333;
  z-index: 1000;
  cursor: pointer;
}

.whatsapp-helper {
  display: block;
  position: fixed;
  bottom: 100px;
  left: 40px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  border-radius: 30px;
  background: none;
  z-index: 1000;
  cursor: pointer;
}

.whatsapp-helper img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}

@media (max-width: 1023px) {
  .whatsapp-helper {
    display: none;
    /*  width: 40px;
        height: 40px;
        line-height: 40px;
        bottom: 15px;
        right: 15px;
        left: auto;*/
  }
}

.desktop-type {
  display: block;
}

.mobile-type {
  display: none;
}

#launcher {
  bottom: 135px !important;
  z-index: 9999999 !important;
}

/*Member CSS*/
.member-container {
  width: 100%;
  max-width: calc((100% - 1180px) / 2 + 1180px);
  max-width: -moz-calc((100% - 1180px)/2 + 1180px);
  max-width: -webkit-calc((100% - 1180px)/2 + 1180px);
}

.member-container .member-content {
  display: table;
  width: 100%;
}

.member-left {
  display: table-cell;
  vertical-align: top;
  width: 27%;
  max-width: 310px;
  font-family: Source Sans Pro;
  background-color: #f2f2f2;
}

.member-left .member-menu {
  margin-top: 15px;
}

.member-left .member-menu-item {
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  text-align: right;
}

.member-menu-item a {
  font-weight: 600;
  font-size: 20px;
  color: #2a2a2a;
}

.member-left .member-menu-item.checked a {
  color: #249549;
}

.member-left .member-info {
  padding-top: 14px;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;
}

.member-left .member-info .member-logo {
  width: 86px;
  height: 86px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  text-align: center;
  margin: 0 auto;
}

.member-left .member-info .member-logo .image {
  width: 57px;
  height: 58px;
  margin-top: 14px;
}

.member-left .member-info .member-name {
  font-size: 18px;
  font-weight: 600;
  margin-top: 10px;
  color: #404040;
}

.member-left .member-info .member-desc {
  font-size: 16px;
  font-weight: 500;
  color: #8b8b8b;
}

.member-left .member-login-out {
  font-size: 14px;
  border-top: 1px solid #ddd;
  font-weight: 500;
}

.member-right {
  display: table-cell;
  width: 74%;
  max-width: calc(100% - 310px);
  max-width: -moz-calc(100% - 310px);
  max-width: -webkit-calc(100% - 310px);
  padding-left: 20px;
  padding-bottom: 30px;
  font-family: Source Sans Pro;
  background-color: #fff;
}

.member-right .top-desc {
  width: 100%;
}

.member-right .top-desc h2 {
  font-family: Source Sans Pro;
  font-size: 36px;
  font-weight: 300;
  color: #2a2a2a;
}

.member-right .order-tab {
  width: 100%;
}

.member-right .order-tab .order-item {
  width: 110px;
  float: left;
}

.order-container .nav-tabs > li > a {
  font-size: 20px;
  color: #2a2a2a;
}

.order-container .nav > li.active > a {
  background-color: #fff;
  color: #249549;
}

.order-container .nav-tabs > li.active > a,
.order-container .nav-tabs > li.active > a:focus,
.order-container .nav-tabs > li.active > a:hover {
  border: none;
  border-bottom: 2px solid #249549;
}

.order-content table tr td {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: top;
}

.order-content {
  margin-top: 18px;
  color: #2a2a2a;
}

.order-content table {
  width: 100%;
}

.order-content table tr th:nth-child(1),
.order-content table tr th:nth-child(2),
.order-content table tr td:nth-child(1),
.order-content table tr td:nth-child(2) {
  width: 143px;
}

.order-content table tr th {
  background-color: #d7d7d7;
  height: 40px;
  font-size: 16px;
  font-weight: 600;
}

.order-content table tr th {
  padding-left: 20px;
  padding-right: 20px;
}

.order-content table tr td {
  padding-left: 20px;
  padding-right: 20px;
}

.order-content table tr td:last-child {
  background-color: #f2f2f2;
}

.order-content table tr th:nth-child(4) {
  width: 200px;
}

.order-content table tr td:nth-child(4) {
  width: 200px;
}

.order-content .order-table {
  border: 1px solid #d7d7d7;
  border-top: none;
}

.order-container .order-data {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
}

.order-container .order-value {
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
}

.order-container .order-address-value {
  font-size: 16px;
  font-weight: 500;
  color: #404040;
}

.order-container .order-options {
  font-size: 14px;
  font-weight: 600;
  color: #34a1ce;
  cursor: pointer;
}

.order-content .order-mode {
  color: #2a2a2a;
  font-weight: 500;
}

.order-content .order-amount {
  float: right;
  color: #000000;
  font-weight: 600;
}

.order-content .order-paid {
  float: right;
  color: #000000;
  font-weight: 600;
}

.order-content .order-due {
  float: right;
  color: #d03436;
  font-weight: 600;
}

.order-content .btn-pay {
  background-color: #d03436;
  border-radius: 5px;
  border: none;
  width: 100%;
  height: 40px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  margin-top: 20px;
  cursor: pointer;
}

.order-content .btn-pay.disabled {
  background: #a6a6a6;
}

.order-content .height-15 {
  margin-top: 10px;
}

.order-content .order-orderid {
  color: #34a1ce;
}

.order-content .order-status {
  color: #d03436;
  font-weight: 600;
}

.order-content .order-date {
  color: #2a2a2a;
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0;
}

.order-content .order-resiver-date {
  color: #d03436;
  font-size: 20px;
  font-weight: 600;
}

.member-container .order-orderid a {
  font-size: 16px;
}

.member-container .order-status {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  float: right;
}

.member-container .order-status a {
  font-size: 20px;
  font-weight: 600;
  color: #d03436;
}

.member-right .order-updated {
  font-size: 14px;
  color: #404040;
  height: 25px;
  line-height: 25px;
}

.member-right .order-updated label {
  font-size: 16px;
  color: #2a2a2a;
}

.order-back {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #34a1ce;
}

.order-back span {
  font-size: 14px;
  font-weight: 600;
  color: #34a1ce;
  float: right;
  cursor: pointer;
}

.order-back i {
  font-family: Material Icons;
  color: #ffffff;
  font-size: 14px;
  color: #34a1ce;
  font-style: normal;
  float: left;
}

.order-content table tr th.th2,
.order-content table tr th.th2 {
  width: auto;
}

.order-content .th3,
.order-content .th3 {
  width: 200px;
}

.mobile-display {
  display: none;
}

.order-container .order-title {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  color: #2a2a2a;
  padding-left: 18px;
  background-color: #d7d7d7;
}

.order-container .order-address {
  background-color: #f2f2f2;
  padding: 16px 18px;
}

.order-container .margin-top-2 {
  margin-top: 2px;
}

.order-container .order-contact {
  width: 100%;
  display: table;
}

.order-container .order-contact-item {
  width: 33%;
  padding: 16px 20px;
  padding-bottom: 50px;
  display: table-cell;
  vertical-align: top;
}

.order-container .order-contact-item:nth-child(3) {
  width: calc(34% - 4px);
  width: -moz-calc(34% - 4px);
  width: -webkit-calc(34% - 4px);
}

.order-container .order-contact-item.width-2 {
  width: 2px;
  background-color: #fff;
  padding: 0;
}

.order-container .order-input {
  width: 100%;
  height: 40px;
  font-family: Lato;
  margin-top: 15px;
  font-size: 14px;
  font-weight: 500;
  color: #404040;
  padding-left: 10px;
  border: none;
}

.order-container .order-input.readonly {
  background-color: #f2f2f2;
}

.order-container .error-info {
  font-family: Arial;
  font-size: 12px;
  font-weight: 500;
  color: #d03436;
}

.order-container .order-btn {
  margin-top: 18px;
}

.order-container .line-height-39 {
  line-height: 39px;
}

.order-container .btn-save {
  width: 120px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background-color: #888888;
  float: left;
  margin-left: 18px;
  font-size: 18px;
  cursor: pointer;
}

.order-container .btn-save.contact2-btn-save,
.order-container .btn-save.contact3-btn-save {
  background-color: #d03436;
}

.order-container .order-another-contact {
  margin-top: 30px;
  text-align: center;
}

.order-container .order-services {
  height: 78px;
  padding: 18px 20px;
}

.order-container .order-detail {
  margin-top: 40px;
}

.order-container .order-detail .table-title {
  border-top: 2px solid #404040;
  border-bottom: 1px solid #404040;
  clear: both;
  padding-left: 30px;
  padding-right: 21px;
}

.order-container .order-detail .table-title.table-list {
  border: none;
  border-bottom: 1px solid #d7d7d7;
}

.order-container .order-detail .table-title.table-list {
  padding: 16px 0;
  padding-left: 30px;
  padding-right: 21px;
}

.order-container .order-detail .order-cart-title {
  padding-left: 30px;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
  margin-top: 10px;
}

.order-container .order-detail .table-title .title-item {
  line-height: 34px;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
  float: left;
}

.order-container .order-detail .table-title .title-item.pk-item1 {
  width: 10%;
}

.order-container .order-detail .table-title .title-item.pk-item2 {
  width: 48%;
  text-align: left;
}

.order-container .order-detail .table-title .title-item.pk-item3 {
  width: 10%;
  text-align: center;
}

.order-container .order-detail .table-title .title-item.pk-item4 {
  width: 24%;
  text-align: center;
}

.order-container .order-detail .table-title .title-item.pk-item5 {
  width: 8%;
  text-align: right;
}

.order-container .order-detail .table-title .title-item.pk-item6 {
  width: 74%;
  text-align: right;
}

.order-container .order-detail .table-title .title-item.pk-item7 {
  width: 18%;
  text-align: left;
}

.order-container .order-detail .table-title .title-item.pk-item8 {
  width: 8%;
  text-align: right;
}

.order-container .order-detail .table-title .title-item.pk-item9 {
  width: 68%;
  text-align: right;
}

.order-container .order-detail .table-title .title-item.pk-item10 {
  width: 24%;
  text-align: right;
}

.order-container .order-detail .table-title .title-item.pk-item11 {
  width: 8%;
  text-align: right;
}

.order-container
  .order-detail
  .table-title.table-list
  .title-item.package-item {
  padding: 0;
}

.order-container .order-detail .table-title .title-item.show-package {
  font-size: 14px;
  font-weight: 600;
  color: #34a1ce;
  line-height: 18px;
}

.order-container
  .order-detail
  .table-title
  .title-item.show-package
  .show-package-content {
  width: 160px;
  margin: 0 auto;
}

.order-container
  .order-detail
  .table-title
  .title-item.show-package
  .show-package-content
  span {
  float: left;
}
/*.order-container .order-detail .table-title .title-item.show-package .show-package-content i {
                         font-family: Material Icons;
    color: #ffffff;
    font-size:18px;
     color: #34a1ce;
     font-style: normal;
     float:left;
     margin-left:10px;
            }*/
.order-container
  .order-detail
  .table-title.table-list
  .title-item.package-item-name,
.order-container
  .order-detail
  .table-title.table-list
  .title-item.package-item-qty {
  font-size: 16px;
  line-height: 18px;
  font-weight: 500;
  padding: 5px 0;
}

.order-container .order-foambox {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  margin-top: 35px;
}

.order-container .order-faombox-desc {
  font-size: 16px;
  font-weight: 500;
  color: #2a2a2a;
}

.order-container .order-faombox-desc span {
  font-size: 16px;
  font-weight: 600;
  color: #2a2a2a;
}

.order-container .btn-edit {
  width: 200px;
  height: 50px;
  border-radius: 3px;
  background-color: #d03436;
  line-height: 50px;
  color: #fff;
  text-align: center;
  margin: 35px auto 40px auto;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
}

.order-container .btn-edit.disabled {
  background: #a6a6a6;
}

.order-container .add-order-btn {
  width: 200px;
  height: 50px;
  margin: 35px auto 40px auto;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  color: #34a1ce;
}

.member-container .order-height-1 {
  width: 100%;
  height: 1px;
  background-color: #404040;
  margin: 17px 0 20px 0;
}

.member-right .order-height-2 {
  width: 100%;
  height: 2px;
  background-color: #404040;
  margin-top: 20px;
  margin-bottom: 16px;
}

.order-container .order-detail .table-title .title-item.order-weight-500 {
  font-weight: 500;
}

.member-right .profile-title {
  padding-left: 20px;
  font-size: 20px;
  font-weight: 600;
  color: #2a2a2a;
  border-bottom: 1px solid #404040;
}

.member-right .profile-content {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 15px;
  padding: 0 20px;
}

.member-right .profile-content .profile-item {
  width: 40%;
  margin-bottom: 20px;
}
/*.member-right .profile-content .profile-item:nth-child(3n-1) {
        width:50%;
        }*/
.member-right .profile-content .profile-item:nth-child(3n) {
  width: 20%;
}

.member-right .profile-content .profile-item .profile-name {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
}

.member-right .profile-content .profile-item .profile-value {
  font-size: 16px;
  font-weight: 600;
  color: #2a2a2a;
  display: table;
}

.member-right
  .profile-content
  .profile-item
  .profile-value
  .profile-value-info {
  vertical-align: middle;
  display: table-cell;
  padding-right: 10px;
}

.member-right
  .profile-content
  .profile-item
  .profile-value
  .profile-value-options {
  font-size: 14px;
  font-weight: 600;
  color: #34a1ce;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
}

.member-right .profile-sub {
  padding: 0 20px;
}

.member-right .profile-sub .sub-info {
  margin-top: 17px;
  margin-bottom: 10px;
}

.member-right .profile-sub .sub-item {
  cursor: pointer;
}

.member-right .profile-sub .btn-save {
  width: 120px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background-color: #d7d7d7;
  font-size: 18px;
  margin-left: 0;
  margin-top: 20px;
}

.member-right .profile-sub .btn-save-subscriptions {
  background-color: #d03436;
  width: 120px;
  height: 39px;
  line-height: 39px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  font-size: 18px;
  margin-left: 0;
  margin-top: 20px;
  cursor: pointer;
}

.member-right .edit-content {
  width: 100%;
  padding: 20px;
  padding-bottom: 40px;
  margin: 20px 0;
  background-color: #f2f2f2;
  display: none;
}

.member-right .edit-content .profile-content {
  padding: 0;
}

.member-right .edit-content .edit-desc {
  font-size: 14px;
  font-weight: 600;
  color: #616161;
}

.member-right .edit-content .profile-content .profile-input {
  margin-top: 5px;
}

.member-right .edit-content .profile-content .profile-input label {
  margin-top: 10px;
}

.member-right .edit-content .profile-content .profile-input textarea {
  height: 70px;
  width: 100%;
  max-width: 300px;
  padding-left: 10px;
  background-color: #ffffff;
  border: solid 1px #d7d7d7;
  font-size: 16px;
  font-weight: 600;
  color: #2a2a2a;
}

.member-right .edit-content .profile-content .profile-input .input-group {
  max-width: 300px;
}

.member-right .edit-content .profile-content .profile-input .input-group input {
  border-right: none;
}

.member-right
  .edit-content
  .profile-content
  .profile-input
  .input-group
  .input-group-addon {
  padding: 10px;
  border: solid 1px #d7d7d7;
  border-left: none;
}

.member-right .edit-content .profile-content .profile-input input {
  height: 40px;
  width: 100%;
  max-width: 300px;
  padding-left: 10px;
  background-color: #ffffff;
  border: solid 1px #d7d7d7;
  border-radius: 0;
  font-size: 16px;
  font-weight: 600;
  color: #2a2a2a;
}

.member-right .edit-content .profile-content .profile-input select {
  height: 40px;
  width: 100%;
  max-width: 300px;
  padding-left: 10px;
  border: solid 1px #d7d7d7;
  font-size: 16px;
  font-weight: 600;
  color: #2a2a2a;
}

.member-right
  .edit-content
  .profile-content
  .profile-input
  select.gender-select {
  background: none;
  background-color: #ffffff;
  -webkit-appearance: menulist;
  appearance: menulist;
}

.modal-popup.change-password-popup .modal-dialog {
  max-width: 420px;
}

.modal-popup .modal-dialog {
  max-width: 520px;
}

.modal-popup.changeemail-popup .modal-dialog {
  max-width: 420px;
}

.modal-popup .modal-body {
  padding: 0;
}

.modal-popup.changeemail-popup .register-content .option-btn {
  margin-right: 0;
}

.modal-popup .register-desc-content {
  margin: 12px 60px 46px 60px;
}

.modal-popup .register-title {
  font-family: Source Sans Pro;
  font-size: 18px;
  color: #404040;
  font-weight: 600;
}

.modal-popup .register-desc {
  font-family: Source Sans Pro;
  font-size: 16px;
  margin-top: 22px;
  color: #404040;
}

.modal-popup .register-desc a {
  font-size: 16px;
}

.register-border {
  background-color: #d8d8d8;
  height: 1px;
  margin: 26px 60px 26px 0;
}
/*.modal-popup .modal-dialog{
        max-width: 420px;
}*/
.modal-popup.email-desc-popup .modal-dialog,
.modal-popup.change-mobile-popup .modal-dialog,
.modal-popup.mobile-desc-popup .modal-dialog {
  max-width: 520px;
}

.modal-popup .modal-content {
  border-radius: 0;
}

.modal-popup .modal-body {
  padding: 0;
}

.modal-popup .register-content {
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 50px;
}

.modal-popup .register-content .register-title {
  font-family: Source Sans Pro;
  font-size: 18px;
  color: #2a2a2a;
  font-weight: 600;
}

.modal-popup .register-content .register-item {
  margin-top: 15px;
}

.modal-popup .register-content .form-control-static {
  width: 300px;
}

.modal-popup .register-content input.form-control-static {
  padding-left: 10px;
}

.modal-popup .register-content .help-inline {
  margin-left: 10px;
}

.modal-popup .register-content .help-inline i {
  color: #249549;
}

.modal-popup .register-content .show-password {
  float: right;
  color: #34a1ce;
}

.modal-popup .register-content .option-btn {
  margin-right: 60px;
}

.modal-popup.change-password-popup .register-content .option-btn {
  margin-right: 0;
}

.modal-popup .register-content .btn-options {
  font-family: Lato;
  background-color: #d03436;
  border-radius: 5px;
  border: none;
  width: 100%;
  height: 40px;
  color: #ffffff;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}

.modal-popup .error-info {
  font-family: Source Sans Pro;
  font-size: 14px;
  color: #920d0f;
  margin-top: 20px;
  font-weight: 500;
}

.modal-popup .error-info i {
  margin-right: 5px;
}

.modal-popup .otp-div {
  border: none;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.modal-popup .error-info {
  font-family: Source Sans Pro;
  font-size: 14px;
  color: #920d0f;
  margin-top: 20px;
  font-weight: 500;
}

.order-vouchers .vouchers-item {
  width: 100%;
  height: 111px;
  padding: 0px 20px;
  display: flex;
  display: -webkit-flex;
  /*justify-content:  space-between;*/
  -webkit-justify-content: space-between;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 600;
  color: #2a2a2a;
  border-bottom: 1px solid #d7d7d7;
}

.order-vouchers .vouchers-item .voucher-info {
}

.order-vouchers .vouchers-item div:nth-child(1) {
  min-width: 250px;
}

.order-vouchers .vouchers-item.voucher-title {
  height: auto;
  font-size: 20px;
  border-bottom: 2px solid #404040;
  padding-top: 0px;
  padding-bottom: 5px;
}

.order-vouchers .vouchers-item .info {
  font-size: 16px;
  font-weight: 500;
  color: #249549;
}

.order-vouchers .vouchers-item .info i {
  margin-right: 5px;
}

.order-contact-item label.error {
  font-family: Arial;
  font-size: 12px;
  color: #d03436;
  font-weight: 500;
}

.order-display span {
  color: red;
}