@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&display=swap&subset=vietnamese);

.clearfix {
  display: block;
  zoom: 1
}

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

.button-border {
  display: inline-block;
  border: 2px solid #333;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 45px;
  line-height: 100%;
  text-transform: uppercase;
  position: relative;
  background-color: #fff
}

.button-border:focus, .button-border:hover {
  background-color: #333;
  color: #fff
}

.button-bg {
  display: inline-block;
  border: 2px solid #333;
  background-color: #333;
  color: #fff;
  font-weight: 700;
  font-size: 16px;
  padding: 12px 45px;
  line-height: 100%;
  text-transform: uppercase;
  position: relative
}

.button-bg:visited {
  color: #fff
}

.button-bg:focus, .button-bg:hover {
  background: 0 0;
  color: #333
}

.button-bg.btn-small, .button-border.btn-small {
  font-size: 13px;
  text-transform: none;
  font-weight: 400;
  border-width: 1px;
  padding: 5px 10px
}

.button-bg.disabled, .button-border.disabled {
  background: #d6d6d6;
  color: #fff;
  border-color: #d6d6d6;
  cursor: default
}

* {
  margin: 0;
  padding: 0;
  outline: 0
}

#root, body, html {
  height: 100%
}

html {
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%
}

body {
  font-family: Roboto, Arial, sans-serif;
  color: #142f43;
  font-size: 16px;
  line-height: 1.4;
  background-color: #FFFCFE
}

a {
  color: #ff5b6a;
  text-decoration: none
}

a:focus, a:hover {
  color: #da0303;
  outline: 0;
  text-decoration: none
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 15px
}

@media (max-width: 991.96px) {
  .h5, h5 {
    font-size: 16px
  }
}

img {
  max-width: 100%;
  height: auto
}

p {
  margin-bottom: 15px
}

iframe {
  max-width: 100%;
  border: none
}

button:focus, button:hover {
  outline: 0
}

input[type=number], input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield
}

input[type=email]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=url]::-webkit-input-placeholder, input[type=url_key]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=search]::-webkit-input-placeholder, input[type=datetime]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #777
}

input[type=email]:-moz-placeholder, input[type=number]:-moz-placeholder, input[type=text]:-moz-placeholder, input[type=password]:-moz-placeholder, input[type=url]:-moz-placeholder, input[type=url_key]:-moz-placeholder, input[type=tel]:-moz-placeholder, input[type=search]:-moz-placeholder, input[type=datetime]:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
  color: #777;
  opacity: 1
}

input[type=email]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=text]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=url]::-moz-placeholder, input[type=url_key]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=search]::-moz-placeholder, input[type=datetime]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #777;
  opacity: 1
}

input[type=email]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=url]:-ms-input-placeholder, input[type=url_key]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=search]:-ms-input-placeholder, input[type=datetime]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #777
}

input[type=email]::placeholder, input[type=number]::placeholder, input[type=text]::placeholder, input[type=password]::placeholder, input[type=url]::placeholder, input[type=url_key]::placeholder, input[type=tel]::placeholder, input[type=search]::placeholder, input[type=datetime]::placeholder, select::placeholder, textarea::placeholder {
  color: #777
}

.btn-primary.disabled, .btn-primary:disabled {
  background-color: #3c3c3c;
  border-color: #3c3c3c;
  cursor: default
}

.btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled:hover {
  background-color: #3c3c3c;
  border-color: #3c3c3c
}

.btn-mw {
  min-width: 160px
}

.border-dark-red {
  border-color: #b20d0a !important
}

.form-control.is-invalid, .was-validated .form-control:invalid {
  background-color: none
}

.form-group label {
  font-weight: 500;
  display: block
}

@media (max-width: 767.96px) {
  .form-group label br {
    display: none
  }
}

.form-control {
  font-size: 16px;
  border-color: #ff5b6a;
  height: auto;
  padding: 7px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.form-control:focus, .form-control:hover {
  outline: 0;
  box-shadow: none;
  border-color: #ff5b6a
}

.form-control::-webkit-input-placeholder {
  color: #c4c4c4
}

.form-control:-moz-placeholder {
  color: #c4c4c4;
  opacity: 1
}

.form-control::-moz-placeholder {
  color: #c4c4c4;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #c4c4c4
}

.form-control::placeholder {
  color: #c4c4c4
}

.form-control.icon-calendar {
  background-image: url(../images/icon-calendar.svg);
  background-color: #fff;
  background-size: 20px auto;
  background-position: 97% 50%;
  background-repeat: no-repeat;
  padding-right: 35px
}

.form-control.icon-address {
  background: url(../images/icon-pos-5.svg) 7px 50% no-repeat #fff;
  padding-left: 35px
}

.form-control:disabled, .form-control[readonly] {
  background-color: rgba(255, 91, 106, .1)
}

.form-control.is-valid, .was-validated .form-control:valid {
  border-color: #ff5b6a
}

button:disabled, button[readonly] {
  background: #FF9EA2 !important;
  pointer-events: none;
  border-color: #FF9EA2 !important;
  color: #fff !important
}

button:disabled.btn-outline-primary, button[readonly].btn-outline-primary {
  border-color: #ff5b6a !important;
  color: #ff5b6a !important;
  background-color: #fff !important
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: none
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #ff5b6a
}

label {
  margin-bottom: 5px
}

select {
  background: url(../images/arr-down.svg) right 0 no-repeat;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  padding-right: 48px !important;
  white-space: nowrap;
  text-overflow: ellipsis
}

select::before {
  background-color: red;
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1
}

select [disabled] {
  color: #c4c4c4
}

.custom-control-label::before {
  width: 18px;
  height: 18px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-color: #ff5b6a;
  background-color: #ff5b6a;
  left: -30px
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  border-color: #ff5b6a;
  background-color: #ff5b6a
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #ff5b6a;
  background-color: #ff5b6a
}

.custom-control {
  padding-left: 30px
}

.custom-checkbox.checkbox-border .custom-control-label::before {
  background-color: #fff
}

.custom-checkbox.checkbox-border .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #ff5b6a
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: none;
  content: "";
  position: absolute;
  width: 10px;
  height: 6px;
  z-index: 2;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  left: -26px;
  top: 9px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.custom-control-label {
  padding-top: 3px
}

.custom-radio + .custom-radio {
  margin-top: 10px
}

.custom-radio .custom-control-label {
  padding-top: 2px;
  font-weight: 400
}

.custom-radio .custom-control-label::before {
  border: 1px solid #ff5b6a;
  background: #fff
}

.custom-radio .custom-control-label::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  top: 8px;
  left: -26px
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #fff;
  border-color: #ff5b6a
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #ff5b6a
}

.cs-radio-wrap {
  display: block;
  zoom: 1
}

.cs-radio-wrap:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.cs-radio-wrap .custom-control {
  float: left;
  margin-right: 20px;
  margin-top: 0 !important
}

.btn {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: 500
}

.btn.focus, .btn:focus, .btn:hover {
  box-shadow: none !important
}

.btn.btn-full {
  width: 100%;
  margin: 0
}

.btn.p-2m {
  padding-top: 5px;
  padding-bottom: 5px;
  height: 50px
}

.btn-primary, .btn-primary:focus, .btn-primary:hover {
  background-color: #da0303;
  border-color: #da0303
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #da0303;
  border-color: #da0303
}

.bg-dark-yellow {
  background: #f3aa1e !important;
  border-color: #f3aa1e !important
}

.btn-secondary {
  background-color: #ffd800;
  border-color: #ffd800;
  color: #142f43
}

.btn-secondary:focus, .btn-secondary:hover {
  background-color: #e7a500;
  border-color: #e7a500;
  color: #142f43
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle {
  color: #142f43;
  background-color: #e7a500;
  border-color: #e7a500
}

.btn-block {
  margin: 0
}

.btn-block + .btn-block {
  margin-top: 15px
}

.btn-outline-primary {
  border-color: #ff5b6a;
  color: #ff5b6a;
  background-color: #fff
}

.btn-outline-primary:active, .btn-outline-primary:hover {
  background-color: #fff !important;
  border-color: #ff5b6a !important;
  color: #ff5b6a !important
}

.btn-outline-primary:active.border-dark-red, .btn-outline-primary:hover.border-dark-red {
  border-color: #b20d0a !important
}

.btn-outline-primary:active.text-body, .btn-outline-primary:hover.text-body {
  color: #212529 !important
}

.btn-outline-primary:active.bg-dark-red, .btn-outline-primary:hover.bg-dark-red {
  background-color: #b20d0a !important;
  color: #fff !important
}

.btn-outline-primary:active.border-dark-color, .btn-outline-primary:hover.border-dark-color {
  border-color: #737373 !important
}

.btn-outline-secondary {
  border-color: #fff;
  color: #fff;
  background: rgba(255, 255, 255, .2);
  backdrop-filter: blur(4px);
  border-radius: 100px
}

.btn-outline-secondary:active, .btn-outline-secondary:hover {
  background-color: #fff !important;
  border-color: #ff5b6a !important;
  color: #ff5b6a !important
}

.border-dark-color {
  border-color: #737373 !important
}

.red-color {
  color: #ff5b6a
}

.green-color {
  color: #037d50
}

.qty .q-inner {
  display: inline-block
}

.qty button {
  width: 44px;
  height: 44px;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background-color: #FF969A;
  float: left;
  font-weight: 500;
  font-size: 18px
}

.qty .number {
  background-color: #FFEAE3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 44px;
  height: 44px;
  text-align: center;
  border: none;
  float: left;
  margin: 0 5px;
  font-size: 16px;
  padding: 10px 0 0;
  display: block
}

.qty.sm-type .number, .qty.sm-type button {
  width: 32px;
  height: 32px
}

.qty.sm-type .number {
  padding-top: 5px
}

.msg-error {
  font-size: 14px;
  color: #ff5b6a;
  margin-top: 7px;
  display: none
}

.msg-success {
  font-size: 14px;
  color: #155724;
  margin-top: 7px;
  display: none
}

.btn-save {
  width: 26px;
  height: 22px;
  border: none;
  background-color: transparent;
  background-image: url(../images/icon-save.svg);
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block
}

.btn-save span {
  display: none
}

.btn-save.active {
  background-image: url(../images/icon-save-active.svg)
}

.btn-save.check {
  animation-name: bt_save;
  animation-duration: 1s
}

.btn-save.check ~ .f-big, .btn-save.check ~ .f-small {
  display: block;
  animation-delay: .4s
}

.btn-save.check ~ .f-small {
  animation-name: f_small;
  animation-duration: 2s
}

.btn-save.check ~ .f-big {
  animation-name: f_big;
  animation-duration: 1.6s
}

.btn-save ~ .f-big, .btn-save ~ .f-small {
  background: url(../images/icon-save-active.svg) no-repeat;
  background-size: 10px auto;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -8px;
  margin-left: -5px;
  z-index: 1;
  pointer-events: none;
  display: none
}

.btn-save ~ .f-big {
  background-size: 15px auto;
  width: 15px;
  height: 15px;
  margin-top: -8px;
  margin-left: -7px
}

@keyframes bt_save {
  0% {
    transform: scale(1)
  }
0%:: before

{
  transform: translateX(0)
;
  transform: translateY(0)
}
30
%
{
  transform: scale(1.3)
}
50
%
{
  transform: scale(.7)
}
100
%
{
  transform: scale(1)
}
100
%
::before {
  transform: translateX(-19.4568);
  transform: translateY(-14.6925)
}

}
@keyframes f_small {
  0% {
    transform: translate(0, 0);
    opacity: .8
  }
  100% {
    transform: translate(5px, -26px);
    opacity: 0
  }
}

@keyframes f_big {
  0% {
    transform: translate(0, 0);
    opacity: .8
  }
  100% {
    transform: translate(20px, -35px);
    opacity: 0
  }
}

.owl-carousel .owl-item img {
  width: auto
}

.hide-ww .page {
  padding-top: 0 !important
}

.hide-ww .footer, .hide-ww .mobile-menu, .hide-ww .sticky-header {
  display: none !important
}

.hide-ww .static-page .f-back {
  display: none
}

.page {
  min-width: 320px;
  min-height: 100%
}

@media (max-width: 991.96px) {
  .page {
    padding-top: 65px
  }
}

@media (max-width: 991.96px) {
  .main .container {
    padding-top: 20px;
    padding-bottom: 20px
  }
}

.quantity {
  width: 150px
}

.quantity .inner {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: relative;
  border: 1px solid #e1e1e1;
  padding: 0 30px;
  height: 30px
}

.quantity .inner button {
  border: none;
  width: 30px;
  height: 29px;
  cursor: pointer;
  background: #e1e1e1;
  text-align: center;
  color: #142f43;
  font-weight: 400;
  position: absolute;
  top: 0;
  z-index: 1;
  left: 0
}

.quantity .inner button.btn-plus {
  left: auto;
  right: 0
}

.quantity .inner input {
  width: 100%;
  text-align: center;
  padding: 3px 2px 2px;
  border: none;
  background: 0 0;
  height: 28px
}

.mobile-menu, .navbar-toggle {
  display: none
}

.breadcrumb {
  background: 0 0;
  padding: 0;
  margin-bottom: 30px;
  justify-content: center
}

.breadcrumb a {
  color: rgba(20, 47, 67, .5)
}

.breadcrumb a:focus, .breadcrumb a:hover {
  color: #da0303
}

.breadcrumb-item.active {
  color: #142f43;
  text-transform: uppercase
}

.pagination-list {
  justify-content: center;
  margin-bottom: 0
}

.pagination-list li {
  margin: 0 3px
}

.pagination-list li.active a {
  border-color: #ff5b6a;
  color: #ff5b6a
}

.pagination-list a {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid transparent;
  color: #142f43;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px
}

.pagination-list .next a, .pagination-list .prev a {
  font-size: 22px
}

.pagination-list .next.disable a, .pagination-list .prev.disable a {
  color: #c4c4c4
}

.form-group .invalid {
  margin-bottom: 0
}

.invalid {
  width: 100% !important;
  margin-top: .25rem !important;
  font-size: 80% !important;
  color: #ff5b6a !important;
  margin-bottom: 15px
}

.bg-cancel, .bg-processing, .bg-success {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  display: inline-block;
  height: 27px;
  line-height: 26px;
  padding-left: 8px;
  padding-right: 8px;
  min-width: 90px;
  text-align: center;
  white-space: nowrap
}

.bg-processing {
  background-color: #ffd800;
  color: #142f43
}

.bg-cancel {
  background-color: #ff5b6a;
  color: #fff
}

.bg-success {
  background-color: #02ad28 !important;
  color: #fff
}

.bg-lightred {
  background-color: #FFEAE3
}

.bg-lightyellow {
  background-color: #FFEB8B
}

.bg-dark-red {
  background-color: #b20d0a !important
}

.bg-grey {
  background-color: #F5F5F5
}

.bg-green {
  background-color: #00ac5b !important
}

.border-grey {
  border-color: #E0E0E0 !important
}

.border-2 {
  border-width: 2px !important
}

.text-green {
  color: #02ad28
}

.text-red {
  color: #ff5b6a !important
}

.text-grey {
  color: #6B6C6C !important
}

.text-dark {
  color: #142f43 !important
}

.me-2 {
  margin-right: 10px !important
}

.mt-a1 {
  margin-top: -2px !important
}

.mt-01 {
  margin-top: 1px !important
}

.fs-12 {
  font-size: 12px !important
}

.fs-14 {
  font-size: 14px !important
}

.fs-16 {
  font-size: 16px !important
}

.fs-18 {
  font-size: 18px !important
}

.fs-20 {
  font-size: 20px !important
}

.fs-24 {
  font-size: 24px !important
}

.text-line-through {
  text-decoration: line-through !important
}

.p-mb-0 p {
  margin-bottom: 0
}

.z-1 {
  z-index: 1
}

.w-28, .w-28 img, .w-28 svg {
  width: 28px;
  min-width: 28px
}

.w-28 img {
  border-radius: 100%
}

.w-36 {
  width: 36px;
  min-width: 36px
}

.mw-510 {
  max-width: 510px
}

.min-h-100 {
  min-height: 100%
}

.line {
  border-color: #FFEAE3
}

.gap-5 {
  gap: 5px
}

.gap-10 {
  gap: 10px
}

.gap-12 {
  gap: 12px
}

.gap-16 {
  gap: 16px
}

.gap-24 {
  gap: 24px
}

.gap-32 {
  gap: 32px
}

.loading-mask {
  position: fixed !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255, 255, 255, .8);
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  bottom: 0
}

.loading {
  padding: 15px 0
}

.loading img {
  max-width: 50px
}

.wrapper {
  min-height: 473px
}

.react-datepicker-wrapper {
  display: block !important;
  position: relative
}

.react-datepicker-wrapper::before {
  background: url(../images/icon-calendar.svg) no-repeat;
  background-size: 20px auto;
  display: block;
  content: '';
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  z-index: 1;
  pointer-events: none
}

.react-datepicker-wrapper .form-control {
  padding-right: 30px
}

.toast-root-OmP {
  box-shadow: 0 1px 8px -3px rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 1px 8px -3px rgba(0, 0, 0, .5)
}

.toast-controls-3yQ .toast-dismissButton-jL4 {
  border: none;
  padding: 0;
  width: 18px;
  height: 18px;
  background: #eee
}

#toast-root .toast-actions-2Yn button {
  background: #000;
  border: none;
  padding: 3px 10px 6px;
  color: #fff;
  text-decoration: none
}

.toastContainer-root-1Qi {
  z-index: 9999
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: .5;
  background-color: #ff5b6a
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #ff5b6a
}

* {
  scrollbar-width: thin;
  scrollbar-color: #FF5B6A transparent
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px
}

::-webkit-scrollbar-track {
  background: 0 0
}

::-webkit-scrollbar-thumb {
  background-color: #FF5B6A;
  border-radius: 0;
  border: none
}

::-webkit-scrollbar-corner {
  background: 0 0
}

.countdown {
  display: inline-block;
  display: block;
  zoom: 1
}

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

.countdown .item {
  width: 100px;
  height: 100px;
  display: block;
  float: left;
  background-color: #fff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  color: #142F43;
  font-size: 69px;
  padding: 5px;
  margin-left: 40px;
  position: relative;
  font-weight: 700
}

@media (max-width: 991.96px) {
  .countdown .item {
    width: 50px;
    height: 50px;
    font-size: 36px;
    padding-top: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: 30px
  }
}

@media (max-width: 767.96px) {
  .countdown .item {
    width: 30px;
    height: 30px;
    font-size: 20px;
    padding: 2px;
    margin-left: 24px
  }
}

.countdown .item:after, .countdown .item:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff
}

@media (max-width: 991.96px) {
  .countdown .item:after, .countdown .item:before {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
  }
}

@media (max-width: 767.96px) {
  .countdown .item:after, .countdown .item:before {
    width: 4px;
    height: 4px
  }
}

.countdown .item:before {
  left: -25px;
  top: 50%;
  margin-top: -14px
}

@media (max-width: 991.96px) {
  .countdown .item:before {
    margin-top: -10px;
    left: -18px
  }
}

@media (max-width: 767.96px) {
  .countdown .item:before {
    margin-top: -5px;
    left: -16px
  }
}

.countdown .item:after {
  left: -25px;
  top: 50%;
  margin-top: 12px
}

@media (max-width: 991.96px) {
  .countdown .item:after {
    margin-top: 8px;
    left: -18px
  }
}

@media (max-width: 767.96px) {
  .countdown .item:after {
    margin-top: 5px;
    left: -16px
  }
}

.countdown .item:first-child:after, .countdown .item:first-child:before {
  display: none
}

.terms-block {
  margin-top: 20px;
  padding-bottom: 3px;
  font-size: 14px
}

.terms-block.show .term-lbl:after, .terms-block.show .term-list {
  display: block
}

.terms-block.show .term-lbl span:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 7px
}

.terms-block a {
  color: #142f43
}

.terms-block .term-lbl {
  margin-bottom: 15px;
  position: relative;
  padding-left: 30px;
  cursor: pointer
}

.terms-block .term-lbl:after, .terms-block .term-lbl:before {
  content: "";
  position: absolute
}

.terms-block .term-lbl:before {
  z-index: 1;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  border-radius: .25rem;
  background-color: #ff5b6a;
  left: 0;
  top: -1px;
  width: 20px;
  height: 20px
}

.terms-block .term-lbl:after {
  width: 10px;
  height: 6px;
  z-index: 2;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  left: 5px;
  top: 4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  display: none
}

.terms-block .term-lbl span {
  position: relative;
  display: block;
  padding-right: 20px
}

.terms-block .term-lbl span:before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #ff5b6a;
  border-right: 2px solid #ff5b6a;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.terms-block .term-list {
  padding-bottom: 10px;
  padding-left: 30px;
  margin-bottom: 0;
  display: none
}

.terms-block .term-list li {
  list-style: none;
  position: relative;
  padding-left: 30px;
  padding-top: 5px;
  margin-bottom: 10px
}

.terms-block .term-list li a {
  display: block;
  padding-right: 20px;
  position: relative
}

.terms-block .term-list li a:before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #ff5b6a;
  border-right: 2px solid #ff5b6a;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.terms-block .term-list .custom-checkbox {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  padding-left: 0;
  opacity: .7
}

.terms-block .term-list .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  left: 5px
}

.terms-block .term-list .custom-control-label {
  width: 20px;
  height: 20px
}

.terms-block .term-list .custom-control-label:before {
  left: 0
}

.terms-block .term-list .custom-control-label:after {
  left: 2px;
  top: 6px
}

.terms-block .term-list .custom-control-input {
  width: 20px;
  height: 20px
}

.terms-block .term-list .opt-checked {
  padding-top: 15px;
  display: block;
  zoom: 1
}

.terms-block .term-list .opt-checked:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.terms-block .term-list .opt-checked .custom-checkbox {
  position: static;
  opacity: 1;
  width: auto;
  height: auto;
  float: left;
  margin-right: 15px
}

.terms-block .term-list .opt-checked .custom-checkbox .custom-control-label {
  width: auto;
  height: auto;
  padding-left: 27px;
  padding-top: 4px
}

.opt-code {
  display: block;
  zoom: 1;
  text-align: center;
  padding: 15px 0
}

.opt-code:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 380px) {
  .opt-code {
    display: block;
    zoom: 1;
    margin: 0 -2px
  }

  .opt-code:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden
  }
}

.opt-code li {
  list-style: none;
  display: inline-block;
  padding: 0 2px
}

@media (max-width: 380px) {
  .opt-code li {
    width: 16.6666%;
    display: block;
    float: left
  }
}

.opt-code li input {
  width: 44px;
  height: 44px;
  border: 1px solid #C4C4C4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 20px
}

@media (max-width: 380px) {
  .opt-code li input {
    width: 100%
  }
}

.opt-code li input.red-border {
  border-color: #ff5b6a
}

.coupons-list .swiper, .coupons-list .swiper-container {
  padding-bottom: 50px
}

.coupons-list .swiper .swiper-slide, .coupons-list .swiper-container .swiper-slide {
  height: auto
}

@media (max-width: 991.96px) {
  .coupons-list .swiper .swiper-slide, .coupons-list .swiper-container .swiper-slide {
    max-width: 98px
  }
}

.coupons-list .item {
  background: #fff;
  border: 1px solid #ff5b6a;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  padding: 6px 3px 35px;
  font-size: 13px;
  height: 100%;
  width: 100%;
  position: relative
}

.coupons-list .item:after, .coupons-list .item:before {
  content: "";
  width: 9px;
  height: 9px;
  background: #fff;
  border: 1px solid #ff5b6a;
  border-left-color: #fff;
  border-bottom-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  bottom: 25px;
  position: absolute;
  z-index: 2
}

.coupons-list .item:before {
  left: -5px;
  transform: rotate(45deg);
  -webkittransform: rotate(45deg)
}

.coupons-list .item:after {
  right: -5px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg)
}

.coupons-list .item .body-txt {
  font-weight: 500;
  font-size: 12px;
  margin-bottom: 3px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.coupons-list .item .headtxt {
  font-weight: 700;
  font-size: 11px;
  color: #ff5b6a;
  text-transform: uppercase;
  margin-bottom: 5px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical
}

.coupons-list .item .btn-voucher-info {
  cursor: pointer
}

.coupons-list .item .btn-used {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  border-top: 1px dashed #FF5B6A
}

.coupons-list .item .btn-used button {
  width: 100%;
  height: 30px;
  background: 0 0;
  border: none;
  font-size: 12px;
  font-weight: 700;
  color: #FF5151;
  text-transform: uppercase;
  text-align: center;
  padding: 0
}

.coupons-list .item.active {
  background: #FFEAE3
}

.coupons-list .item.disabled {
  background: #fff;
  border-color: #BDBDBD
}

.coupons-list .item.disabled:after, .coupons-list .item.disabled:before {
  border-right-color: #BDBDBD;
  border-top-color: #BDBDBD
}

.coupons-list .item.disabled .headtxt {
  color: #828282
}

.coupons-list .item.disabled .body-txt {
  color: #BDBDBD
}

.coupons-list .item.disabled .btn-used button {
  color: #828282
}

.box-border {
  background: #FFF;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 24px;
  margin-bottom: 30px
}

@media (max-width: 767.96px) {
  .box-border {
    padding: 15px
  }
}

.box-border h4 {
  font-size: 16px;
  margin-bottom: 10px
}

.gj-textbox-md {
  line-height: 1.5;
  font-family: Roboto, Arial, sans-serif;
  border: 1px solid #ff5b6a
}

.gj-textbox-md:active, .gj-textbox-md:focus {
  font-weight: 400;
  border-bottom-width: 1px
}

.gj-datepicker-md .gj-icon {
  display: none
}

.gj-picker.gj-picker-md div[role=navigator] .gj-icon {
  display: block;
  width: 14px;
  height: 14px;
  top: 14px;
  font-family: Roboto, Arial, sans-serif !important;
  border-left: 1px solid #142f43;
  border-top: 1px solid #142f43;
  font-feature-settings: none !important;
  font-variant-ligatures: none !important;
  font-size: 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  left: 14px !important
}

.gj-picker.gj-picker-md div[role=navigator] .gj-icon.chevron-right {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  left: auto !important;
  right: 14px
}

.gj-picker-md table tr td.selected.gj-cursor-pointer div {
  background: #ff5b6a
}

.grp-button {
  margin-bottom: 0;
  display: block;
  zoom: 1;
  text-align: center
}

.grp-button:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.grp-button li {
  list-style: none;
  display: inline-block;
  padding: 0 10px
}

.grp-button li .btn {
  min-width: 210px
}

.sm-text {
  font-size: 14px;
  color: #6B6C6C;
  margin-bottom: 20px
}

.click-type {
  cursor: pointer
}

.dropdown-location {
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  top: 100%;
  padding-top: 5px;
  display: none
}

.dropdown-location .inner {
  padding: 15px;
  background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  border: 1px solid #E0E0E0;
  font-size: 14px
}

.dropdown-location h5 {
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 700
}

.dropdown-location p {
  margin-bottom: 5px
}

.dropdown-location strong {
  font-weight: 500
}

.dropdown-location .address-list .add-inner {
  max-height: 260px;
  overflow-x: hidden;
  overflow-y: auto
}

.dropdown-location .address-list .item {
  border-bottom: 1px solid #C5C5C5;
  padding-bottom: 10px;
  margin-bottom: 15px;
  padding-left: 35px;
  background: url(../images/icon-home.svg) no-repeat
}

.dropdown-location .address-list .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.dropdown-location .address-list .store-name {
  background-color: #FFF3E0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 7px 10px
}

.dropdown-location .nm-block {
  border-top: 5px solid #F2F2F2;
  padding-top: 12px;
  margin-top: 12px;
  margin-right: -15px;
  margin-left: -15px;
  padding-left: 15px;
  padding-right: 15px
}

.dropdown-location .nm-block .item {
  background: url(../images/icon-pos-4.svg) no-repeat;
  padding-left: 35px
}

.dropdown-location .nm-block .item p {
  color: #6B6C6C;
  margin-bottom: 3px !important
}

.dropdown-location .nm-block .item strong {
  color: #142f43
}

.dropdown-location .gg-list {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto
}

.dropdown-location .gg-list ul {
  margin: 0
}

.dropdown-location .gg-list li {
  border-bottom: #FFEAE3 1px solid;
  padding: 10px 10px 10px 25px;
  list-style: none;
  background: url(../images/icon-pos-4.svg) 0 50% no-repeat;
  background-size: 20px auto;
  cursor: pointer
}

.dropdown-location .gg-list li:last-child {
  border-bottom: none
}

.dropdown-location .gg-list li p {
  margin-bottom: 3px !important
}

.dropdown-location .gg-list li .add {
  color: #6B6C6C
}

.dropdown-location .gg-list li .add, .dropdown-location .gg-list li .name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.dropdown-location .lc-saved {
  max-height: 320px;
  overflow-x: hidden;
  overflow-y: auto
}

.dropdown-location .lc-saved li {
  position: relative;
  list-style: none;
  border-bottom: #FFEAE3 1px solid;
  padding: 10px 5px 10px 0
}

.dropdown-location .lc-saved li:last-child {
  border-bottom: none
}

.dropdown-location .lc-saved .lc-inner p {
  margin-bottom: 3px !important
}

.dropdown-location .lc-saved .lc-inner .store-name span {
  margin-left: 10px;
  color: #02AD28;
  font-style: italic;
  position: relative;
  padding-left: 12px
}

.dropdown-location .lc-saved .lc-inner .store-name span:before {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #6B6C6C;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 6px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%
}

.dropdown-location .lc-saved .lc-inner .add {
  color: #6B6C6C;
  background: url(../images/icon-pos-4.svg) no-repeat;
  background-size: 20px auto;
  padding-left: 20px
}

.dropdown-location .lc-saved .lc-inner .add span {
  float: right;
  display: block;
  margin: 0 0 5px 10px;
  color: #ff5b6a
}

.swiper-button-next, .swiper-button-prev {
  width: 47px;
  height: 64px;
  background: #ff5b6a;
  color: #fff
}

.swiper-button-next:after, .swiper-button-next:before, .swiper-button-prev:after, .swiper-button-prev:before {
  font-size: 36px
}

.switch-wrap {
  display: block;
  zoom: 1;
  padding-top: 47px
}

.switch-wrap:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .switch-wrap {
    padding-top: 10px
  }
}

.switch-wrap .switch {
  float: left
}

.switch-wrap .txt {
  display: block;
  float: left
}

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  vertical-align: middle;
  margin-right: 7px;
  height: 20px;
  margin-bottom: 0
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0
}

.switch input:checked + .slider-switch {
  background-color: #ff5b6a
}

.switch input:focus + .slider-switch {
  box-shadow: 0 0 1px #ff5b6a;
  -webkit-box-shadow: 0 0 1px #ff5b6a
}

.switch input:checked + .slider-switch:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
  background: #fff;
  border-color: #ff5b6a;
  left: 1px
}

.slider-switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #B4B4B4;
  -webkit-transition: .4s;
  transition: .4s
}

.slider-switch:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  top: 0;
  left: 0;
  background-color: #fff;
  border: 1px solid #B4B4B4;
  -webkit-transition: .4s;
  transition: .4s
}

.slider-switch.round, .slider-switch.round:before {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.loading-skeleton {
  color: transparent;
  appearance: none;
  -webkit-appearance: none;
  background-color: #eee;
  border-color: #eee
}

.loading-skeleton * {
  opacity: 0
}

@keyframes loading-skeleton {
  from {
    opacity: .4
  }
  to {
    opacity: 1
  }
}

.loading-skeleton {
  pointer-events: none;
  animation: loading-skeleton 1s infinite alternate
}

.loading-skeleton img {
  filter: grayscale(100) contrast(0) brightness(1.8)
}

.font-weight-500 {
  font-weight: 500 !important
}

.mb-40 {
  margin-bottom: 40px !important
}

@media (max-width: 991.96px) {
  .mb-40 {
    margin-bottom: 30px !important
  }
}

.rounded-8 {
  -webkit-border-radius: 8px !important;
  -moz-border-radius: 8px !important;
  border-radius: 8px !important
}

.rounded-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px
}

.rounded-30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px
}

.progress-cs {
  position: relative;
  overflow: visible;
  border-radius: 20px;
  height: 10px;
  background-color: #ffeae3
}

.progress-cs .progress-bar {
  position: relative;
  border-radius: 20px;
  background-color: #ff5b6a;
  overflow: visible
}

.progress-cs .txt {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
  position: absolute;
  right: -10px;
  top: -6px;
  background-color: #fff;
  border: 2px solid #ff5b6a
}

.progress-cs .txt span {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: -20px;
  color: #000;
  font-weight: 700
}

.progress-cs .lbl {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -20px;
  font-weight: 700
}

.box-shadow-type {
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .15)
}

.rounded-xl {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.w60 {
  width: 60px;
  max-width: 60px;
  min-width: 60px;
  height: auto
}

.close {
  font-size: 1.75rem;
  font-weight: 400;
  color: #000;
  opacity: 1
}

.remove-modal {
  display: none !important
}

.modal-backdrop.show {
  opacity: .7
}

.modal-body {
  padding: 24px
}

@media (max-width: 991.96px) {
  .modal-body {
    padding: 15px
  }
}

.modal-content {
  border: none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px
}

.modal-content .modal-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 30px;
  display: block
}

.modal-content .btn-register-now {
  text-align: center;
  padding: 10px 15px 30px;
  margin-bottom: 0
}

.modal-content .btn-register-now a {
  color: #ff5b6a
}

.modal-content .btn-register-now a:hover {
  text-decoration: underline
}

.modal-header {
  display: block;
  border-bottom: none;
  padding: 24px 24px 0;
  position: relative
}

@media (max-width: 991.96px) {
  .modal-header {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 20px
  }
}

.modal-header .modal-title {
  margin-bottom: 0;
  text-align: center
}

.modal-header .close {
  padding: 0;
  margin: 0;
  position: absolute;
  float: none;
  z-index: 1;
  right: 15px;
  top: 15px
}

@media (min-width: 576px) {
  .modal-general .modal-dialog {
    max-width: 420px
  }
}

.modal-general .modal-body {
  padding-top: 30px
}

.modal-general .modal-body .btn-inner {
  padding-top: 24px;
  padding-bottom: 0
}

@media (min-width: 576px) {
  .modal-md .modal-dialog {
    max-width: 480px
  }
}

@media (min-width: 576px) {
  .member-benefits-modal .modal-dialog {
    max-width: 600px;
    padding: .5rem
  }
}

.accordion-members {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.accordion-members .card {
  border: none;
  border-radius: 0
}

.accordion-members .card-header {
  border-radius: 6px !important;
  border: 1px solid #E0E0E0;
  background: #FFF;
  display: flex;
  padding: 0;
  align-items: center;
  align-self: stretch;
  margin-bottom: 0 !important
}

.accordion-members .card-header .content {
  padding: 12px 50px 12px 16px;
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
  position: relative
}

.accordion-members .card-header .content.collapsed svg {
  transform: rotate(0)
}

.accordion-members .card-header .arrow {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  transform: translateY(-50%)
}

.accordion-members .card-header .arrow svg {
  transform: rotate(180deg)
}

.accordion-members .card-body {
  border-radius: 0 0 6px 6px;
  background: #FFF0EB;
  display: flex;
  padding: 12px;
  flex-direction: column;
  gap: 24px
}

.btn-terms-ms {
  padding: 12px 16px;
  width: 100%;
  display: flex;
  gap: 8px;
  align-items: center;
  border: 1px solid #E0E0E0;
  background: #FFF;
  border-radius: 6px;
  margin-top: 12px;
  color: #142F43;
  font-weight: 500;
  justify-content: space-between
}

.btn-terms-ms span {
  display: flex;
  gap: 8px;
  align-items: center
}

.ms-lbl {
  display: inline-flex;
  padding: 4px 8px;
  align-items: center;
  gap: 4px;
  border-radius: 4px;
  background: #FFEAE3
}

@media (min-width: 576px) {
  .modal-delete-account .modal-dialog {
    max-width: 700px;
    padding: .5rem
  }
}

.modal-delete-account .f-other {
  padding-top: 10px
}

.modal-delete-account .modal-footer .btn {
  min-width: 140px
}

@media (min-width: 567px) {
  .modal-ps-term .modal-dialog {
    max-width: 580px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-ps-term .modal-body {
  padding-bottom: 0;
  padding-top: 24px
}

.modal-ps-term .modal-footer .btn {
  min-width: 160px
}

.modal-ps-term .term-content h3 {
  background: linear-gradient(360deg, #f9c167 -80.19%, #ff304c 113.44%);
  font-size: 15px;
  font-weight: 700;
  padding: 13px 12px;
  text-align: center;
  margin: 0;
  color: #fff;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px
}

.modal-ps-term .term-content .content-scroll {
  padding: 15px;
  border: 1px solid #c4c4c4;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto
}

@media (min-width: 567px) {
  .modal-login .modal-dialog {
    max-width: 768px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media (min-width: 567px) {
  .modal-coupons .modal-dialog {
    max-width: 768px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-coupons .modal-body {
  padding: 0;
  position: relative
}

@media (min-width: 992px) {
  .modal-coupons .modal-body {
    display: flex
  }
}

.modal-coupons .left-content {
  background: url(../images/bg-vector.svg) #ff9ea2;
  width: 50%;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

@media (max-width: 991.96px) {
  .modal-coupons .left-content {
    width: 100%;
    border-radius: 20px
  }
}

.modal-coupons .right-content {
  width: 50%;
  padding: 30px 20px
}

@media (max-width: 991.96px) {
  .modal-coupons .right-content {
    width: 100%
  }
}

.modal-coupons button.close {
  position: absolute;
  right: -10px;
  top: -10px;
  float: none;
  z-index: 2;
  width: 25px;
  height: 25px;
  background: #ff5b6a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  text-shadow: none;
  color: #fff;
  font-size: 18px;
  font-weight: 400
}

@media (max-width: 991.96px) {
  .modal-coupons button.close {
    right: 10px;
    top: 10px
  }
}

.modal-coupons button.close span {
  color: #fff
}

.modal-coupons button.close:hover {
  opacity: 1;
  background: #3c3c3c;
  color: #fff
}

.modal-coupons button.close.close:not(:disabled):not(.disabled):focus, .modal-coupons button.close.close:not(:disabled):not(.disabled):hover {
  opacity: 1
}

.modal-footer {
  padding: 24px;
  border-top: none;
  justify-content: center
}

@media (max-width: 567px) {
  .modal-footer {
    padding: 15px
  }
}

.modal.padding_46 .modal-dialog {
  padding-top: 46px
}

button.close {
  float: right
}

.modal-login-content {
  padding: 0 372px 0 0;
  display: block;
  zoom: 1;
  position: relative
}

.modal-login-content:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 991.96px) {
  .modal-login-content {
    padding-right: 0
  }
}

.modal-login-content h2 {
  font-size: 20px;
  margin-bottom: 20px
}

.modal-login-content .btn-back {
  margin-bottom: 20px
}

.modal-login-content .btn-back a, .modal-login-content .btn-back button {
  background-color: #fff;
  border: none;
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: block;
  position: relative
}

.modal-login-content .btn-back a:before, .modal-login-content .btn-back button:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  z-index: 1;
  left: 0;
  top: 0;
  border-left: 2px solid #142f43;
  border-top: 2px solid #142f43;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.modal-login-content button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  float: none;
  z-index: 2;
  width: 25px;
  height: 25px;
  background: #ff5b6a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  text-shadow: none;
  color: #fff;
  font-size: 18px;
  font-weight: 400
}

@media (max-width: 991.96px) {
  .modal-login-content button.close {
    right: 10px;
    top: 10px
  }
}

.modal-login-content button.close span {
  color: #fff
}

.modal-login-content button.close:hover {
  opacity: 1;
  background: #3c3c3c;
  color: #fff
}

.modal-login-content button.close.close:not(:disabled):not(.disabled):focus, .modal-login-content button.close.close:not(:disabled):not(.disabled):hover {
  opacity: 1
}

.modal-login-content .form-group {
  margin-bottom: 20px
}

.modal-login-content .modal-footer .btn-block + .btn-block {
  margin-top: 20px
}

.modal-login-content .scroll-content {
  padding-right: 10px;
  max-height: 448px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-right: -10px
}

@media (max-width: 991.96px) {
  .modal-login-content .scroll-content {
    margin-right: 0;
    overflow: visible;
    max-height: 100%;
    padding-right: 0
  }
}

.modal-login-content .scroll-content.scroll-type {
  max-height: 317px;
  margin-bottom: 10px
}

@media (max-width: 991.96px) {
  .modal-login-content .scroll-content.scroll-type {
    max-height: 100%
  }
}

.modal-login-content .left-content {
  padding: 24px
}

@media (min-width: 992px) {
  .modal-login-content .left-content {
    min-height: 500px
  }
}

@media (max-width: 991.96px) {
  .modal-login-content .left-content {
    min-height: auto;
    padding-left: 15px;
    padding-right: 15px
  }
}

.modal-login-content .left-content .modal-footer {
  padding: 0
}

.modal-login-content .left-content .link-type {
  padding: 20px 0 0;
  font-weight: 500
}

.modal-login-content .right-content {
  position: absolute;
  z-index: 1;
  width: 372px;
  height: 100%;
  right: 0;
  top: 0;
  padding-top: 0 !important;
  float: none;
}

@media (max-width: 991.96px) {
  .modal-login-content .right-content {
    display: none !important;
  }
}

.modal-login-content .right-content .img {
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  overflow: hidden
}

.modal-login-content .right-content img {
  display: block
}

.modal-login-content .login-nav {
  display: block;
  zoom: 1;
  border-bottom: 1px solid #c4c4c4;
  margin-bottom: 20px;
  margin-top: -10px
}

.modal-login-content .login-nav:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.modal-login-content .login-nav .nav-link {
  width: 50%;
  float: left;
  text-align: center;
  position: relative;
  display: block;
  padding: 10px;
  text-transform: uppercase;
  color: #142f43;
  border: none
}

.modal-login-content .login-nav .nav-link:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: 1;
  background: #ff5b6a;
  left: 0;
  bottom: -1px;
  display: none
}

.modal-login-content .login-nav .nav-link.active {
  color: #ff5b6a;
  font-weight: 700;
  border: none
}

.modal-login-content .login-nav .nav-link.active:before {
  display: block
}

.modal-login-content .login-nav .nav-link:focus, .modal-login-content .login-nav .nav-link:hover {
  border: none
}

.modal-login-content .login-nav .nav-item {
  margin-bottom: 0
}

.modal-login-content .login-nav li {
  list-style: none;
  width: 50%;
  float: left;
  text-align: center
}

.modal-login-content .login-nav li a {
  display: block;
  position: relative;
  padding: 10px;
  text-transform: uppercase;
  color: #142f43
}

.modal-login-content .login-nav li a:before {
  content: "";
  width: 100%;
  height: 2px;
  position: absolute;
  z-index: 1;
  background: #ff5b6a;
  left: 0;
  bottom: -1px;
  display: none
}

.modal-login-content .login-nav li.active a {
  color: #ff5b6a;
  font-weight: 700
}

.modal-login-content .login-nav li.active a:before {
  display: block
}

.modal-login-content .password-icon {
  position: relative
}

.modal-login-content .password-icon .form-control {
  padding-right: 35px
}

.modal-login-content .password-icon .icon {
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 9px;
  z-index: 1;
  background-image: url(../images/icon-password.svg);
  background-repeat: no-repeat;
  background-position: 0 0
}

.modal-login-content .password-icon .icon.show {
  background-image: url(../images/icon-show-pw.svg);
  top: 8px
}

.modal-login-content .btn-forgotpw, .modal-login-content .btn-sms {
  display: block;
  color: #ff5b6a
}

.modal-login-content .btn-forgotpw:hover, .modal-login-content .btn-sms:hover {
  color: #ff5b6a
}

.modal-login-content .btn-sms {
  float: right
}

@media (max-width: 360px) {
  .modal-login-content .btn-sms {
    float: none
  }
}

.modal-login-content .btn-forgotpw {
  float: left
}

@media (max-width: 360px) {
  .modal-login-content .btn-forgotpw {
    float: none
  }
}

.modal-login-content .notes {
  margin-bottom: 0;
  padding-top: 30px;
  font-size: 14px
}

.modal-login-content .notes a {
  color: #ff5b6a
}

.modal-login-content .notes a:hover {
  text-decoration: underline
}

.st-box .btn-check {
  width: 90px;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  background: 0 0;
  border: none;
  color: #ff5b6a
}

.btn-newacc {
  padding-top: 40px
}

.b-w {
  margin: 20px 0 0;
  position: relative;
  display: block;
  zoom: 1;
  width: 100%;
  text-align: center
}

.b-w:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.b-w .btn {
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 0;
  margin-right: 5px
}

.b-w .b-i {
  display: inline-block;
  vertical-align: middle
}

.b-w .b-i.open .tip-msg, .b-w .b-i:focus .tip-msg, .b-w .b-i:hover .tip-msg {
  display: block
}

.b-w .tip-msg {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  text-align: left;
  padding-top: 5px;
  display: none
}

.b-w .tip-msg .inner {
  background-color: #FFF2ED;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 1px 1px 5px #ccc;
  -webkit-box-shadow: 1px 1px 5px #ccc;
  font-size: 14px
}

.b-w .tip-msg .inner p {
  margin-bottom: 0
}

.b-w .icon-info {
  width: 19px;
  height: 19px;
  display: block;
  background: url(../images/icon-info.svg) 50% 50% no-repeat;
  cursor: pointer
}

.login-others {
  padding-top: 30px;
  padding-bottom: 3px
}

.login-others .txt {
  text-align: center;
  position: relative;
  margin-bottom: 15px
}

.login-others .txt:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(179, 179, 179, .5);
  position: absolute;
  left: 0;
  z-index: 1;
  right: 0;
  top: 50%
}

.login-others .txt span {
  display: inline-block;
  background-color: #fff;
  padding: 3px 10px;
  font-size: 14px;
  position: relative;
  z-index: 1
}

.login-others ul {
  margin: 0 auto;
  display: flex;
  justify-content: center
}

.login-others ul li {
  padding: 0 7px;
  list-style: none
}

@media (max-width: 390px) {
  .login-others ul li {
    padding-left: 4px;
    padding-right: 4px
  }
}

.login-others ul li a, .login-others ul li button {
  display: block;
  border: none;
  width: 75px;
  height: 75px;
  background-color: #fff;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, .15);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  text-transform: uppercase;
  color: #142f43;
  white-space: nowrap;
  font-size: 12px
}

@media (max-width: 390px) {
  .login-others ul li a, .login-others ul li button {
    font-size: 11px
  }
}

.login-others ul li a.btn-fb, .login-others ul li button.btn-fb {
  background-image: url(../icons/icon-fb.svg);
  background-position: 50% 7px;
  background-repeat: no-repeat;
  padding-top: 40px
}

.login-others ul li a.btn-gg, .login-others ul li button.btn-gg {
  background-image: url(../icons/icon-google.svg);
  background-position: 50% 7px;
  background-repeat: no-repeat;
  padding-top: 40px
}

.login-others ul li a.btn-apple, .login-others ul li button.btn-apple {
  background-image: url(../images/icon-apple.svg);
  background-position: 50% 7px;
  background-repeat: no-repeat;
  padding-top: 40px
}

.login-others ul li a.btn-tel, .login-others ul li button.btn-tel {
  background-image: url(../images/icon-tel.svg);
  background-position: 50% 7px;
  background-repeat: no-repeat;
  padding-top: 40px
}

.code-tel {
  position: relative
}

.code-tel .form-control {
  padding-right: 90px
}

.code-tel .code {
  position: absolute;
  display: block;
  width: 84px;
  height: 100%;
  background: #ff5b6a;
  color: #fff;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  right: 0;
  border: none;
  font-size: 15px;
  top: 0;
  padding-top: 1px;
  font-weight: 500;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  max-height: 39px
}

.code-tel .code:hover {
  background: #ff5b6a
}

.code-tel .code.countdown {
  cursor: default;
  background: #ff5b6a;
  opacity: .6;
  pointer-events: none
}

.verification-code {
  position: relative
}

.verification-code .form-control {
  padding-right: 30px
}

.verification-code .invalid-icon {
  display: none;
  width: 15px;
  height: 15px;
  background: #ff5b6a;
  position: absolute;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  right: 10px;
  top: 12px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.verification-code .invalid-icon:after, .verification-code .invalid-icon:before {
  content: "";
  z-index: 2;
  position: absolute;
  background: #fff
}

.verification-code .invalid-icon:before {
  width: 1px;
  height: 9px;
  left: 7px;
  top: 3px
}

.verification-code .invalid-icon:after {
  width: 9px;
  height: 1px;
  left: 3px;
  top: 7px
}

.verification-code .valid-icon {
  width: 15px;
  height: 15px;
  background: #02ad28;
  position: absolute;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  right: 10px;
  top: 12px;
  display: none
}

.verification-code .valid-icon:before {
  content: "";
  z-index: 2;
  position: absolute;
  width: 8px;
  height: 5px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  left: 4px;
  top: 4px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

@media (min-width: 567px) {
  .modal-notice .modal-dialog {
    max-width: 580px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-notice .modal-footer .btn {
  min-width: 160px
}

.location-info {
  background: #FFF3E0;
  padding: 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.location-info .txt-2 {
  margin-bottom: 5px
}

.location-info .store-name {
  border: 1px solid #C4C4C4;
  background: #fff;
  padding: 7px 13px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 5px
}

.location-info .address {
  margin-bottom: 0
}

@media (min-width: 567px) {
  .modal-product-detail .modal-dialog {
    max-width: 580px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-content .close-bd {
  position: absolute;
  float: none;
  right: 15px;
  top: 6px;
  z-index: 1;
  opacity: 1
}

@media (min-width: 567px) {
  .modal-home .modal-dialog {
    max-width: 820px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-home .modal-body {
  padding: 0 12px
}

.modal-home .modal-content {
  background: 0 0;
  text-align: center
}

.modal-home .close {
  color: #fff;
  opacity: 1;
  width: 24px;
  height: 24px;
  background: url(../images/btn-close.svg) no-repeat;
  position: absolute;
  right: -12px;
  top: -12px;
  z-index: 1
}

.modal-home .close span {
  display: none
}

.modal-home .field-img {
  display: inline-block;
  position: relative
}

.modal-home .field-img img {
  display: block;
  margin: 0 auto;
  max-height: 500px;
  width: auto
}

.modal-home .check-type {
  text-align: left;
  padding-top: 5px
}

.modal-home .field-txt {
  margin-bottom: 10px
}

.modal-home .custom-checkbox .custom-control-label {
  padding-top: 2px;
  color: #fff
}

.modal-lpoint-content .left-content .modal-footer {
  padding-top: 15px
}

.pass-msg-box {
  width: 100%;
  position: absolute;
  top: 100%;
  background: #FFF2ED;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  z-index: 1;
  left: 0;
  font-size: 14px;
  display: none
}

.pass-msg-box .content {
  padding: 10px
}

.pass-msg-box ul {
  margin-bottom: 0
}

.pass-msg-box ul li {
  list-style: none;
  min-height: 16px
}

.pass-msg-box ul li.checked {
  padding-left: 25px;
  position: relative
}

.pass-msg-box ul li.checked:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #8BDB81
}

.pass-msg-box ul li.checked:after {
  content: "";
  width: 8px;
  height: 5px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  position: absolute;
  left: 4px;
  top: 6px;
  z-index: 2;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.pass-msg-box ul li.checked.red:before {
  background: #FF5B6A
}

.pass-msg-box ul li + li {
  margin: 7px 0 0
}

@media (min-width: 567px) {
  .modal-delivery-address .modal-dialog {
    max-width: 1100px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

@media (max-width: 991.96px) {
  .modal-delivery-address .modal-dialog .modal-body {
    padding: 15px
  }
}

.modal-delivery-address .modal-content {
  background-color: #F5F5F5
}

.modal-delivery-address .modal-footer .btn {
  min-width: 160px;
  margin: 0 10px
}

@media (max-width: 599px) {
  .modal-delivery-address .modal-footer .btn {
    min-width: 100px;
    margin: 0 5px 10px
  }
}

@media (min-width: 768px) {
  .modal-delivery-address .stores-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 335px;
    padding-bottom: 10px
  }
}

.delivery-address-form .form-group {
  margin-bottom: 1rem
}

.delivery-address-form .col-address {
  position: relative
}

.delivery-address-form .col-address .form-control {
  padding-right: 50px
}

.delivery-address-form .btn-action {
  width: 39px;
  height: 37px;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  border: none;
  padding: 0;
  background: url(../images/icon-pos-3.svg) 50% 50% no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.stores-list {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -10px;
  font-size: 16px
}

@media (max-width: 767.96px) {
  .stores-list {
    margin: 0
  }
}

.stores-list .item {
  flex: 1 50%;
  max-width: 50%;
  padding: 0 10px;
  margin-top: 20px
}

@media (max-width: 767.96px) {
  .stores-list .item {
    flex: 1 100%;
    max-width: 100%;
    padding: 0
  }
}

.stores-list .item.active .content:after {
  display: block
}

.stores-list .content {
  height: 100%;
  background: #fff;
  border: 1px solid transparent;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 20px 20px 20px 45px;
  position: relative;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15)
}

@media (max-width: 767.96px) {
  .stores-list .content {
    padding: 15px 15px 15px 40px
  }
}

.stores-list .content:after, .stores-list .content:before {
  position: absolute;
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1
}

.stores-list .content:before {
  width: 15px;
  height: 15px;
  left: 20px;
  top: 23px;
  border: 1px solid #ff5b6a;
  background: #fff
}

@media (max-width: 767.96px) {
  .stores-list .content:before {
    left: 12px;
    top: 18px
  }
}

.stores-list .content:after {
  width: 9px;
  height: 9px;
  left: 23px;
  top: 26px;
  background: #ff5b6a;
  display: none
}

@media (max-width: 767.96px) {
  .stores-list .content:after {
    left: 15px;
    top: 21px
  }
}

.stores-list .content p {
  margin-bottom: 0
}

.stores-list .content .name {
  margin-bottom: 10px;
  font-weight: 700
}

.stores-list .content .name em, .stores-list .content .name span {
  margin-left: 7px
}

.stores-list .content .name em {
  margin-right: 5px
}

.stores-list .content .lbl {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #FF8551;
  padding: 3px 5px 1px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 5px
}

.stores-list .read-more {
  display: block;
  float: right;
  margin: 0 0 5px 10px;
  color: #ff5b6a;
  text-decoration: underline
}

.address-delivery-wrap {
  margin-bottom: 30px
}

.adds-list .item {
  border-bottom: 1px solid #FFEAE3;
  padding-bottom: 20px;
  margin-bottom: 20px
}

.adds-list p {
  margin-bottom: 7px
}

.adds-list .add-name {
  font-weight: 700;
  display: flex;
  align-items: center
}

.adds-list .add-name img {
  margin-right: 5px
}

.adds-list .store-name {
  background: #FF9EA2;
  padding: 7px 10px;
  margin-bottom: 10px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

.adds-list .btn-grp {
  float: right;
  margin: 28px 0 0 10px
}

.adds-list .btn-grp .btn {
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: 0 0;
  border: none;
  margin-left: 5px
}

.adds-list .btn-grp .btn.edit {
  background-image: url(../images/icon-edit.svg)
}

.adds-list .btn-grp .btn.delete {
  background-image: url(../images/icon-delete-2.svg);
  background-position: 50% 50%;
  background-size: 24px auto
}

@media (min-width: 992px) {
  .form-group-select {
    position: relative;
    padding-right: 140px
  }
}

@media (min-width: 992px) {
  .form-group-select.pd-rn {
    padding-right: 0
  }
}

.form-group-select .btn-search {
  padding-top: 1rem
}

@media (min-width: 992px) {
  .form-group-select .btn-search {
    width: 125px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    padding-top: 0
  }
}

.form-group-select .btn-search .btn {
  width: 100%
}

.add-more-address {
  padding: 40px 20px 20px
}

@media (max-width: 575px) {
  .add-more-address .f-location .f-bottom {
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px
  }
}

.add-more-address .f-location .f-bottom .btn {
  margin: 0 10px;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 180px
}

@media (max-width: 575px) {
  .add-more-address .f-location .f-bottom .btn {
    width: auto;
    display: inline-block;
    min-width: 50px;
    margin: 0 5px
  }
}

.add-more-address .f-location .f-result {
  margin-bottom: 0
}

.add-more-address .pos-options {
  background: 0 0;
  padding: 0;
  border: none
}

@media (max-width: 991.96px) {
  .add-more-address .pos-options {
    white-space: normal
  }
}

.add-more-address .pos-options .btn {
  border-color: #C4C4C4;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  margin-right: 10px;
  background-color: #fff
}

@media (max-width: 576px) {
  .add-more-address .pos-options .btn {
    margin: 0 5px 15px 0
  }
}

.add-more-address .pos-options .btn:focus, .add-more-address .pos-options .btn:hover {
  background-color: #fff !important;
  border-color: #C4C4C4 !important;
  color: #142f43 !important
}

.add-more-address .pos-options .btn.icon-1, .add-more-address .pos-options .btn.icon-2, .add-more-address .pos-options .btn.icon-3 {
  padding-left: 40px;
  background-position: 13px 50%;
  background-repeat: no-repeat
}

.add-more-address .pos-options .btn.icon-1 {
  background-image: url(../images/icon-1-o.svg)
}

.add-more-address .pos-options .btn.icon-2 {
  background-image: url(../images/icon-2-o.svg)
}

.add-more-address .pos-options .btn.icon-3 {
  background-image: url(../images/icon-3-o.svg)
}

.add-more-address .pos-options .btn.current {
  background-color: #ff5b6a !important;
  border-color: #ff5b6a !important;
  color: #fff !important
}

.add-more-address .pos-options .btn.current.icon-1 {
  background-image: url(../images/icon-1-white.svg)
}

.add-more-address .pos-options .btn.current.icon-2 {
  background-image: url(../images/icon-2-white.svg)
}

.add-more-address .pos-options .btn.current.icon-3 {
  background-image: url(../images/icon-3-white.svg)
}

.product-category-detail {
  margin-bottom: 30px;
  display: block;
  zoom: 1
}

.product-category-detail:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.product-category-detail h3 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 16px
}

@media (max-width: 767.96px) {
  .product-category-detail h3 {
    font-size: 24px
  }
}

.product-category-detail .field-back {
  margin-bottom: 30px;
  text-align: right
}

.product-category-detail .field-back button {
  border: none;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  border-radius: 40px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  color: #ff5b6a;
  display: inline-block;
  font-weight: 700;
  padding: 5px 17px
}

.product-category-detail .field-back button:focus, .product-category-detail .field-back button:hover {
  color: #ff5b6a
}

.product-category-detail .field-img {
  padding: 0;
  position: relative;
  margin-bottom: 30px
}

.product-category-detail .field-img img {
  display: block;
  max-width: 440px;
  margin: 0 auto
}

@media (max-width: 991.96px) {
  .product-category-detail .field-img img {
    max-width: 100%
  }
}

.product-category-detail .field-img .field-bottom {
  position: absolute;
  right: 10px;
  z-index: 1;
  bottom: 10px
}

.product-category-detail .field-price {
  color: #ff5b6a;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px
}

@media (max-width: 767.96px) {
  .product-category-detail .field-price {
    font-size: 22px
  }
}

.product-category-detail .discount-f {
  background: url(../images/icon-discount.svg) no-repeat;
  padding-left: 24px;
  min-height: 20px;
  margin-bottom: 20px;
  margin-top: -5px;
  color: #6b6c6c;
  text-decoration: line-through
}

.product-category-detail .field-note {
  border-top: 1px dashed #c4c4c4;
  padding-top: 16px;
  margin-bottom: 30px
}

.product-category-detail .field-note p {
  margin-bottom: 5px
}

.product-category-detail .qty .lbl {
  margin-right: 20px
}

.product-category-detail .qty .q-inner {
  overflow: hidden
}

.product-category-detail .nav-bottom .txt-note {
  margin-bottom: 30px
}

@media (max-width: 767.96px) {
  .product-category-detail .nav-bottom .txt-note {
    display: none
  }
}

.product-category-detail .nav-bottom .txt-note strong {
  color: #ff5b6a
}

.product-category-detail .btn-cart {
  padding: 10px 25px;
  font-weight: 700
}

.promo-block-hl {
  background-color: #ff5b6a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
  color: #fff;
  padding: 15px;
  display: block;
  zoom: 1
}

.promo-block-hl:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.promo-block-hl .left {
  width: 60%;
  float: left
}

@media (max-width: 767.96px) {
  .promo-block-hl .left {
    float: none;
    width: 100%
  }
}

.promo-block-hl .right {
  max-width: 40%;
  float: right;
  text-align: center
}

@media (max-width: 767.96px) {
  .promo-block-hl .right {
    float: none;
    max-width: 100%;
    text-align: left;
    padding-top: 15px
  }
}

.promo-block-hl .right p {
  margin-bottom: 3px
}

.promo-block-hl .field-price {
  margin-bottom: 0 !important;
  font-size: 25px !important;
  color: #fff !important
}

@media (max-width: 767.96px) {
  .promo-block-hl .field-price {
    font-size: 22px !important
  }
}

.promo-block-hl .discount-f {
  margin: 0 !important;
  background: url(../images/icon-discount-2.svg) no-repeat !important;
  color: #fff !important
}

.promo-block-hl .discount-f .price-old {
  color: #fff !important;
  opacity: .6
}

.promo-block-hl .price-old {
  text-decoration: line-through;
  opacity: .7
}

.promo-block-hl .lbl {
  margin-left: 10px
}

.promo-block-hl .countdown .item {
  width: 30px;
  height: 30px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-size: 16px;
  padding: 5px 0 0;
  font-weight: 700;
  margin-left: 15px
}

@media (max-width: 767.96px) {
  .promo-block-hl .countdown .item {
    margin-left: 0;
    margin-right: 15px
  }
}

.promo-block-hl .countdown .item:after, .promo-block-hl .countdown .item:before {
  width: 4px;
  height: 4px;
  left: -9px
}

.promo-block-hl .countdown .item:before {
  margin-top: -6px
}

.promo-block-hl .countdown .item:after {
  margin-top: 3px
}

.options-product {
  margin-bottom: 40px
}

.options-product .headline {
  display: block;
  zoom: 1;
  background-color: #F2F2F2;
  padding: 15px
}

.options-product .headline:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.options-product .headline h4 {
  font-size: 18px;
  margin-bottom: 0
}

@media (max-width: 767.96px) {
  .options-product .headline h4 {
    font-size: 16px
  }
}

.options-product .headline .note {
  font-size: 14px;
  color: #FF5B6A;
  margin-bottom: 0;
  padding-top: 2px
}

.options-product .headline .txt {
  float: right;
  display: block;
  margin: 1px 0 0 15px;
  font-size: 14px
}

.options-product .list-options {
  margin-bottom: 0
}

.options-product .list-options li {
  display: block;
  zoom: 1;
  position: relative;
  padding: 10px 0 10px 50px;
  border-bottom: 1px solid #FFEAE3;
  font-size: 14px;
  color: #6B6C6C
}

.options-product .list-options li:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .options-product .list-options li {
    padding-left: 30px
  }
}

.options-product .list-options li.checked {
  color: #142f43
}

.options-product .list-options.add-opts li {
  padding-left: 0
}

@media (max-width: 767.96px) {
  .options-product .list-options.add-opts .product-name {
    width: 44%
  }
}

@media (max-width: 359px) {
  .options-product .list-options.add-opts .product-name {
    width: 35%
  }
}

@media (max-width: 767.96px) {
  .options-product .list-options.add-opts .r-info {
    width: 56%
  }
}

@media (max-width: 359px) {
  .options-product .list-options.add-opts .r-info {
    width: 65%
  }
}

.options-product .product-name {
  float: left;
  width: 60%;
  display: block;
  zoom: 1
}

.options-product .product-name:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .options-product .product-name {
    width: 50%
  }
}

.options-product .product-name img {
  display: block;
  float: left;
  width: 40px;
  height: auto;
  margin-right: 10px
}

@media (max-width: 767.96px) {
  .options-product .product-name img {
    margin-right: 5px
  }
}

.options-product .product-name .txt {
  display: block;
  overflow: hidden;
  padding-top: 11px
}

.options-product .sl {
  width: 50px;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
  color: #ff9ea2;
  padding: 22px 0 0 5px
}

@media (max-width: 767.96px) {
  .options-product .sl {
    width: 25px;
    padding-left: 0
  }
}

.options-product .r-info {
  float: right;
  padding-top: 11px;
  text-align: right;
  width: 40%
}

@media (max-width: 767.96px) {
  .options-product .r-info {
    width: 50%
  }
}

.options-product .r-info .inner {
  zoom: 1;
  display: inline-block
}

.options-product .r-info .inner:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.options-product .price {
  display: block;
  float: left
}

.options-product .btn-remove {
  width: 20px;
  height: 20px;
  background: url(../images/icon-remove.svg) 50% 50% no-repeat;
  border: none;
  float: left;
  margin: 0 0 0 5px;
  padding: 0
}

.options-product .qty {
  float: left;
  margin-bottom: 0 !important;
  margin-left: 10px;
  margin-top: -7px
}

@media (max-width: 767.96px) {
  .options-product .qty {
    margin-left: 5px
  }
}

@media (max-width: 767.96px) {
  .options-product .qty .number {
    margin: 0 3px
  }
}

.modal-product-detail .product-category-detail {
  margin-bottom: 20px
}

@media (min-width: 567px) {
  .modal-product-detail .modal-dialog {
    max-width: 1100px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-bg {
  background: url(../images/bg-3.png) 50% 50% #fff
}

@media (min-width: 567px) {
  .modal-msg-box .modal-dialog {
    max-width: 360px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-msg-box .img {
  margin-bottom: 20px
}

.modal-msg-box .img img {
  max-height: 220px
}

.modal-msg-box .modal-footer {
  padding-top: 10px;
  display: block;
  flex-wrap: none
}

.gp-button {
  display: flex;
  flex-flow: row wrap;
  margin: 0 -5px
}

.gp-button.full {
  margin: 0
}

.gp-button.full li {
  flex: 1 100%;
  max-width: 100%;
  padding: 0;
  float: none
}

.gp-button li {
  flex: 1 50%;
  max-width: 50%;
  padding: 0 5px;
  list-style: none
}

.gp-button li .btn {
  width: 100%;
  float: none;
  min-width: 10px
}

.location-saved {
  padding-top: 0 !important
}

.location-saved .f-top {
  display: block;
  zoom: 1
}

.location-saved .f-top:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.location-saved .f-top h4 {
  text-transform: uppercase;
  float: left;
  max-width: 50%;
  font-size: 20px;
  font-weight: 700
}

@media (max-width: 767.96px) {
  .location-saved .f-top h4 {
    float: none;
    max-width: 100%
  }
}

.location-saved .f-top .link-type {
  float: right;
  padding-left: 10px;
  font-weight: 500;
  max-width: 50%;
  padding-top: 3px
}

@media (max-width: 767.96px) {
  .location-saved .f-top .link-type {
    float: none;
    max-width: 100%;
    padding-left: 0
  }
}

.location-saved .stores-list .item {
  position: relative
}

.location-saved .stores-list .item.active .content {
  border-color: #ff5b6a
}

.location-saved .stores-list .item.active .content:after {
  display: none
}

.location-saved .stores-list .item.default .btn-edit {
  background: url(../images/icon-1-o.svg) no-repeat
}

.location-saved .stores-list .content:before {
  display: none
}

.location-saved .stores-list .btn-edit {
  width: 24px;
  height: 24px;
  background: url(../images/icon-1.svg) no-repeat;
  border: none;
  left: 30px;
  z-index: 1;
  position: absolute;
  top: 20px;
  cursor: pointer
}

@media (max-width: 767.96px) {
  .location-saved .stores-list .btn-edit {
    left: 15px;
    top: 15px
  }
}

.location-saved .store-name {
  background: #FF9EA2;
  padding: 7px 10px;
  margin-top: 5px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px
}

@media (min-width: 567px) {
  .modal-voucher .modal-dialog {
    max-width: 800px;
    padding-left: 1rem;
    padding-right: 1rem
  }
}

@media (max-width: 566px) {
  .modal-voucher .modal-dialog {
    margin: .5rem 1rem
  }
}

.modal-voucher .modal-body {
  padding: 0
}

@media (min-width: 567px) {
  .modal-voucher .voucher-content-md {
    display: flex;
    flex-flow: row wrap
  }
}

.modal-voucher .voucher-content-md .img {
  width: 100%;
  background: url(../images/icon-16.png) 50% 0 #ff9ea2;
  position: relative
}

@media (min-width: 567px) {
  .modal-voucher .voucher-content-md .img {
    flex: 1 45%;
    max-width: 45%;
    min-height: 300px
  }
}

@media (max-width: 566px) {
  .modal-voucher .voucher-content-md .img {
    border-radius: .3rem;
    -webkit-border-radius: .3rem
  }
}

.modal-voucher .voucher-content-md .img .inner {
  text-align: center
}

@media (min-width: 567px) {
  .modal-voucher .voucher-content-md .img .inner {
    padding: 74px 10px 10px;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 1;
    transform: translate(0, -50%);
    width: 100%
  }
}

@media (max-width: 566px) {
  .modal-voucher .voucher-content-md .img .inner {
    padding: 84px 10px 15px
  }
}

@media (min-width: 567px) {
  .modal-voucher .voucher-content-md .img .inner img {
    max-height: 165px
  }
}

.modal-voucher .voucher-content-md .img .lbl {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 20px
}

.modal-voucher .voucher-content-md .img .lbl span {
  display: inline-block;
  background: #FF5B6A;
  padding: 6px 15px 5px 10px;
  color: #fff;
  text-transform: uppercase;
  font-size: 24px;
  -webkit-border-top-right-radius: 20px;
  -webkit-border-bottom-right-radius: 20px;
  -moz-border-radius-topright: 20px;
  -moz-border-radius-bottomright: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px
}

.modal-voucher .voucher-content-md .info {
  padding: 20px
}

@media (min-width: 567px) {
  .modal-voucher .voucher-content-md .info {
    flex: 1 55%;
    max-width: 55%
  }
}

.modal-voucher .voucher-content-md .info h3 {
  text-transform: uppercase;
  font-size: 22px;
  margin-bottom: 10px
}

.modal-voucher .voucher-content-md .info .exp {
  margin-bottom: 15px
}

.modal-voucher .voucher-content-md .btn-bt {
  text-align: right;
  padding-top: 10px;
  margin-bottom: 0
}

@media (max-width: 566px) {
  .modal-voucher .voucher-content-md .btn-bt {
    text-align: center
  }
}

.modal-voucher .voucher-content-md .btn-bt .btn {
  min-width: 164px
}

button.close2 {
  float: none;
  width: 25px;
  height: 25px;
  background: url(../images/btn-close-2.svg) no-repeat;
  position: absolute;
  right: -12px;
  top: -12px;
  opacity: 1;
  z-index: 2
}

button.close2 span {
  display: none
}

button.close2:focus, button.close2:hover {
  opacity: 1
}

.modal-vongxoay .modal-dialog {
  width: 350px;
  margin-left: auto;
  margin-right: auto;
  text-align: center
}

@media (max-width: 360px) {
  .modal-vongxoay .modal-dialog {
    width: 310px;
    height: 310px
  }
}

.modal-vongxoay .modal-content {
  background: 0 0;
  border-radius: 0;
  color: #fff
}

.modal-vongxoay .modal-content a {
  color: #fff
}

.modal-vongxoay .modal-body {
  padding: 5px;
  font-size: 15px
}

.modal-vongxoay .circle-box {
  position: relative;
  margin-top: -64px;
  cursor: pointer
}

@media (max-width: 360px) {
  .modal-vongxoay .circle-box {
    margin-top: -59px
  }
}

.modal-vongxoay .frame-canvas {
  width: 340px;
  height: 340px;
  margin: 0 auto
}

@media (max-width: 360px) {
  .modal-vongxoay .frame-canvas {
    width: 300px;
    height: 300px
  }
}

.modal-vongxoay .btn-play {
  border: none;
  width: 108px;
  height: 108px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  background: url(../images/btn-quay.svg) 50% 50% no-repeat;
  transform: translate(-50%, -50%)
}

@media (max-width: 360px) {
  .modal-vongxoay .btn-play {
    width: 80px;
    height: 80px;
    background-size: 80px auto
  }
}

.modal-vongxoay .btn-play span {
  display: none
}

.modal-vongxoay .vx-top {
  position: relative
}

.modal-vongxoay .vx-top .arrow {
  width: 43px;
  height: 43px;
  position: absolute;
  left: 50%;
  top: 66px;
  transform: translate(-50%, 0);
  z-index: 2
}

@media (max-width: 360px) {
  .modal-vongxoay .vx-top .arrow {
    top: 62px
  }
}

.modal-vongxoay .vx-top .arrow img {
  display: block
}

.modal-vongxoay .vx-bottom {
  text-align: center
}

.modal-vongxoay .vx-bottom img {
  display: block;
  margin: -20px auto 0
}

.modal-vongxoay .txt-msg {
  padding-top: 20px
}

.modal-vongxoay .txt-msg * {
  color: #fff !important
}

.modal-vongxoay .txt-msg .red-color, .modal-vongxoay .txt-msg .red-color * {
  color: #FF0001 !important
}

.modal-vongxoay .b-btn {
  margin-bottom: 0;
  padding-top: 30px
}

.modal-vongxoay .btn-outline-primary {
  border: none;
  min-width: 165px;
  padding: 12px 5px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size: 20px;
  color: #FF0001 !important
}

@media (max-width: 370px) {
  .modal-vongxoay .btn-outline-primary {
    font-size: 18px;
    padding: 10px 5px;
    min-width: 145px
  }
}

.modal-vongxoay .red-color {
  font-size: 20px;
  color: #FF0001 !important
}

.modal-vongxoay .rs-img {
  width: 345px;
  height: 321px;
  margin: 0 auto;
  display: flex;
  background: url(../images/vongxoay-2.svg) 50% 50% no-repeat;
  justify-content: center;
  align-items: center
}

@media (max-width: 360px) {
  .modal-vongxoay .rs-img {
    width: 300px;
    height: 279px;
    background-size: 300px auto
  }
}

.modal-vongxoay .coupon-txt {
  width: 212px;
  height: 88px;
  text-align: center;
  background: url(../images/icon-coupon.svg) 50% 50% no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  font-size: 40px;
  padding-right: 30px
}

@media (min-width: 567px) {
  .modal-verify-phone .modal-dialog {
    max-width: 380px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-verify-phone-content {
  text-align: center
}

.modal-verify-phone-content .f-title {
  font-weight: 700;
  margin-bottom: 20px
}

.modal-verify-phone-content .f-note {
  margin-bottom: 20px
}

.modal-verify-phone-content .f-code {
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px
}

.modal-verify-phone-content .f-code input {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #142f43;
  flex: 1 48px;
  max-width: 48px;
  height: 48px;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  padding: 5px
}

.modal-verify-phone-content .f-code input[type=number] {
  -moz-appearance: textfield
}

.modal-verify-phone-content .f-code input[type=number]::-webkit-inner-spin-button, .modal-verify-phone-content .f-code input[type=number]::-webkit-outer-spin-button {
  appearance: none
}

.modal-verify-phone-content .f-notify {
  margin-bottom: 20px
}

.modal-verify-phone-content .f-notify span {
  display: block;
  margin: 0 auto
}

.modal-verify-phone-content .f-notify .show {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: rgba(20, 47, 67, .1);
  color: #333;
  width: 32px;
  height: 32px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

.modal-verify-phone-content .f-notify .text {
  color: #c4c4c4;
  margin-top: 9px
}

.modal-verify-phone-content .f-notify.time-out .text {
  cursor: pointer;
  color: #ff5b6a
}

.modal-verify-phone-content .f-notify.time-out .text:hover {
  color: #ff5b6a
}

.modal-verify-phone-content .f-notify.fail .show {
  background-color: #ff5b6a;
  font-size: 0
}

.modal-verify-phone-content .f-notify.fail .show:after, .modal-verify-phone-content .f-notify.fail .show:before {
  content: "";
  display: block;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 0;
  border-top: 3px solid #fff;
  transform: rotate(45deg);
  transform-origin: center
}

.modal-verify-phone-content .f-notify.fail .show:after {
  transform: rotate(-45deg)
}

.modal-verify-phone-content .f-notify.fail .text {
  color: #ff5b6a
}

.modal-verify-phone-content .f-notify.success .show {
  background-color: #00AF68;
  font-size: 0
}

.modal-verify-phone-content .f-notify.success .show:before {
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  display: block;
  width: 15px;
  height: 9px;
  position: absolute;
  left: 8px;
  top: 9px;
  transform: rotate(-45deg)
}

.modal-verify-phone-content .f-notify.success .text {
  color: #02ad28
}

.modal-verify-phone-content .btn {
  font-weight: 700
}

.modal-verify-phone-content .btn.disabled {
  border-color: #777;
  background-color: #777
}

.payment-processing-sttaus {
  width: 36px;
  height: 36px
}

.payment-processing-sttaus .percent {
  position: relative;
  text-align: center
}

.payment-processing-sttaus svg {
  position: relative;
  width: 36px;
  height: 36px;
  transform: rotate(-90deg);
  margin: 0 auto
}

.payment-processing-sttaus svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round
}

.payment-processing-sttaus .number {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.payment-processing-sttaus h3 {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 700;
  color: #fff
}

@media (min-width: 567px) {
  .modal-order-confirm .modal-dialog {
    max-width: 396px;
    padding-left: .5rem;
    padding-right: .5rem
  }
}

.modal-order-confirm .payment-content {
  box-shadow: none;
  background: 0 0
}

.qty-br {
  background: #fff;
  padding: 3px 5px;
  border: 1px solid #ff5b6a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 13px
}

.img-40 {
  max-width: 40px
}

.scroll-content-type {
  margin-left: -8px;
  margin-right: -8px;
  padding: 0 8px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 151px
}

.store-offers .item {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #FF9EA2;
  padding: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  cursor: pointer
}

.store-offers .r-type {
  display: block;
  zoom: 1
}

.store-offers .r-type:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.store-offers .r-type + .r-type {
  margin-top: 5px
}

.store-offers .lbl {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #FF8551;
  padding: 3px 5px 1px;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  text-transform: uppercase;
  float: left;
  margin-right: 5px
}

.store-offers .img {
  float: left;
  margin-right: 5px;
  margin-top: 1px
}

.store-offers .txt {
  display: block;
  overflow: hidden
}

.store-offers .txt.fw-s {
  color: #6B6C6C
}

.fw-md {
  font-weight: 500 !important
}

.fw-s {
  font-size: 14px !important
}

.address-opt-list .custom-control-label {
  display: block;
  border-bottom: 1px solid #FFEAE3;
  padding-bottom: 10px;
  padding-top: 3px;
  font-weight: 500
}

.btn-add {
  display: inline-block;
  background: url(../images/icon-plus.svg) 3px 2px no-repeat;
  padding-left: 30px
}

.btn-add:hover {
  text-decoration: underline
}

.btn-back {
  width: 20px;
  height: 20px;
  background: 0 0;
  border: none;
  position: relative
}

.btn-back:before {
  content: "";
  width: 14px;
  height: 14px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  position: absolute;
  z-index: 1;
  left: 0;
  top: -1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.footer {
  background-color: #fffe32;
  margin-top: auto
}

.footer .container {
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
  zoom: 1
}

.footer .container:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.footer .bct-logo {
  padding-top: 20px;
  margin-bottom: 0
}

.footer .logo-ft {
  margin-bottom: 30px
}

.footer .logo-ft img {
  display: block;
  margin: 0 auto
}

@media (max-width: 991.96px) {
  .footer .logo-ft img {
    max-height: 55px;
    width: auto
  }
}

.footer .subscrible-form {
  width: 40%;
  float: left;
  padding-right: 15px
}

@media (max-width: 991.96px) {
  .footer .subscrible-form {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 30px
  }
}

.footer .subscrible-form h3 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 700
}

@media (max-width: 767.96px) {
  .footer .subscrible-form h3 {
    font-size: 18px
  }
}

.footer .subscrible-form .form-content {
  max-width: 373px;
  margin-left: auto;
  margin-right: auto
}

@media (max-width: 991.96px) {
  .footer .subscrible-form .form-content {
    max-width: 100%
  }
}

.footer .subscrible-form .form-group {
  margin-bottom: 0;
  background: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  padding: 8px 6px;
  position: relative
}

.footer .subscrible-form .form-control {
  background: 0 0;
  font-size: 16px;
  padding-right: 98px;
  border: none;
  height: auto
}

.footer .subscrible-form .form-control:focus {
  box-shadow: none
}

.footer .subscrible-form .btn-submit {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0
}

.footer .subscrible-form .btn-submit.loading {
  padding: 0
}

.footer .subscrible-form .btn-submit.loading:after {
  content: "";
  z-index: 1;
  position: absolute;
  background: #fff;
  opacity: .6;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%
}

.footer .subscrible-form .btn-submit.loading:before {
  content: "";
  z-index: 2;
  position: absolute;
  left: -25px;
  top: 50%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  background: url(../images/loading.svg) no-repeat;
  background-size: 30px auto
}

.footer .subscrible-form .btn {
  background: 0 0;
  border: none;
  padding: 5px;
  width: 100px;
  border-radius: 0;
  height: 100%;
  font-size: 16px;
  font-weight: 700;
  color: #ff5b6a;
  text-align: center
}

.footer .subscrible-form .btn:focus, .footer .subscrible-form .btn:hover {
  color: #ff5b6a
}

.footer .right-content {
  width: 60%;
  float: left;
  padding-left: 15px
}

@media (max-width: 991.96px) {
  .footer .right-content {
    padding-left: 0;
    width: 100%;
    float: none
  }
}

.footer .right-content h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin: 0 0 15px;
  font-weight: 700
}

.footer .right-content .f-menu {
  display: block;
  zoom: 1;
  margin-right: -15px;
  margin-left: -15px;
  margin-bottom: 0
}

.footer .right-content .f-menu:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .footer .right-content .f-menu {
    margin-right: 0;
    margin-left: 0
  }
}

.footer .right-content .f-menu ul {
  margin-bottom: 0
}

.footer .right-content .f-menu .item {
  width: 33.3333%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0
}

@media (max-width: 767.96px) {
  .footer .right-content .f-menu .item {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-right: 0
  }
}

@media (max-width: 767.96px) {
  .footer .right-content .f-menu .item + .item {
    margin-top: 30px
  }
}

.footer .right-content .f-menu li {
  list-style: none;
  margin-bottom: 8px
}

.footer .right-content .f-menu li a {
  color: #142f43
}

.footer .right-content .f-menu li a:focus, .footer .right-content .f-menu li a:hover {
  color: #da0303
}

.footer .right-content .f-menu li.icon a {
  display: block;
  padding-left: 30px;
  min-height: 22px
}

.footer .right-content .f-menu li.icon.icon-fb a {
  background: url(../images/icon-fb-2.svg) 0 1px no-repeat
}

.footer .right-content .f-menu li.icon.icon-twitter a {
  background: url(../images/icon-twitter.svg) 0 1px no-repeat
}

.footer .right-content .f-menu li.icon.icon-youtube a {
  background: url(../images/icon-youtube.svg) 0 1px no-repeat
}

.footer .right-content .f-menu li.icon.icon-zalo a {
  background: url(../images/icon-zalo.svg) 0 1px no-repeat
}

.footer .right-content .f-menu li.icon.icon-instagram a {
  background: url(../images/icon-instagram.svg) 0 1px no-repeat
}

.footer .right-content .f-menu li.icon.icon-grap-food a {
  background: url(../images/grapfood.svg) 0 1px no-repeat
}

.footer .right-content .f-menu li.icon.icon-shopee-food a {
  background: url(../images/shopeefood.svg) 0 1px no-repeat
}

.footer .copyright {
  background: #FF9EA2;
  font-size: 14px;
  text-align: center;
  padding: 16px 15px 15px
}

.footer .copyright strong {
  margin-right: 13px
}

.icon-staff-fixed {
  width: 100px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10
}

@media (max-width: 767.96px) {
  .icon-staff-fixed {
    width: 80px
  }
}

.icon-staff-fixed .inner {
  position: relative
}

.icon-staff-fixed .inner a {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}

.mb-fixed {
  width: 90px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 10
}

@media (max-width: 991.96px) {
  .mb-fixed {
    bottom: 145px;
    left: auto;
    right: 20px
  }
}

.mb-fixed .content {
  position: relative
}

.mb-fixed .img {
  text-align: center;
  width: 90px;
  height: 90px;
  background-color: #FB5458;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.mb-fixed .txt {
  background-color: #142F43;
  color: #fff;
  text-align: center;
  border-radius: 73px;
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: -10px;
  position: relative;
  z-index: 1
}

.mb-fixed .head-ms {
  gap: 10px
}

.mb-fixed .ms-p {
  gap: 10px;
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dashed rgba(20, 47, 67, .4)
}

.btn-img-close {
  position: absolute;
  right: -10px;
  top: -10px;
  float: none;
  z-index: 2;
  border: none;
  background: 0 0;
  cursor: pointer
}

.mb-sub-modal {
  width: 260px;
  border-radius: 10px;
  background: radial-gradient(77.97% 57.1% at 83.48% 57.14%, #a1e3e0 0, #effafa 100%), radial-gradient(95.61% 44.92% at 89.13% 45.09%, #ffe566 0, #fffae0 100%);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .15);
  padding: 12px 20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  display: flex;
  position: absolute;
  z-index: 2;
  bottom: 85%;
  left: 72%
}

@media (max-width: 991.96px) {
  .mb-sub-modal {
    left: auto;
    right: 60px
  }
}

.mb-sub-modal .text {
  gap: 5px
}

.mb-sub-modal.bg-vip {
  background: linear-gradient(90deg, #f3ea81 0, #ffce4a 24%, #f1e071 60%, #ffb419 100%), linear-gradient(136deg, #fffcc6 13.25%, #ffb42a 86.76%)
}

.note-wrap {
  text-align: center;
  background-color: #ffd800
}

.note-wrap .container {
  padding-top: 7px;
  padding-bottom: 7px;
  color: #000;
  font-size: 12px
}

.hidden, .note-wrap .mb {
  display: none
}

.page {
  padding-top:35px;
  height: 100%;
  display: flex;
  flex-direction: column
}

@media (max-width: 991.96px) {
  .page:not(.cua-hang) {
    padding-top: 70px;
    padding-bottom: 75px;
  }
}

@media (max-width: 991.96px) {
  .page .btn-payment {
    position: fixed;
    z-index: 2;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 !important
  }

  .page .btn-payment button {
    border-radius: 0 !important;
    width: 100%;
    height: 55px !important;
    padding: 5px !important
  }
}

.sticky-header {
  width: 100%;
  background-color: #fffe32;
  height: 100px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 900
}

@media (max-width: 991.96px) {
  .sticky-header {
    height: 70px
  }
}

@media (max-width: 991.96px) {
  .sticky-header .container {
    position: relative;
    padding-left: 90px
  }
}

@media (max-width: 460px) {
  .sticky-header .container {
    padding-left: 65px
  }
}

.sticky-header h1 {
  float: left;
  margin-bottom: 0;
  margin-right: 47px
}

@media (max-width: 991.96px) {
  .sticky-header h1 {
    float: none;
    margin-right: 0;
    position: absolute;
    z-index: 1;
    left: 10px;
    top: 1px;
    width: 40px
  }
}

.sticky-header h1 a {
  display: block;
  padding: 16px 0 0
}

@media (max-width: 991.96px) {
  .sticky-header h1 a {
    padding: 0
  }
}

.sticky-header h1 img {
  display: block;
  width: 67px
}

@media (max-width: 991.96px) {
  .sticky-header h1 img {
    height: 40px
  }
}

.sticky-header .steps-nav {
  float: left;
  width: 565px;
  position: relative;
  text-align: center;
  margin-top: 17px;
  display: block;
  zoom: 1
}

.sticky-header .steps-nav:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 991.96px) {
  .sticky-header .steps-nav {
    float: none;
    margin-top: 15px;
    width: 100%;
    width: 450px
  }
}

@media (max-width: 676px) {
  .sticky-header .steps-nav {
    width: 356px
  }
}

@media (max-width: 460px) {
  .sticky-header .steps-nav {
    width: 230px
  }
}

.sticky-header .steps-nav:before {
  content: "";
  height: 1px;
  background: #c4c4c4;
  position: absolute;
  z-index: 1;
  left: 30px;
  right: 30px;
  top: 17px;
  width: 89%
}

@media (max-width: 991.96px) {
  .sticky-header .steps-nav:before {
    top: 9px;
    width: 87%
  }
}

@media (max-width: 676px) {
  .sticky-header .steps-nav:before {
    width: 81%
  }
}

@media (max-width: 460px) {
  .sticky-header .steps-nav:before {
    width: 76%
  }
}

.sticky-header .steps-nav.half::before {
  background: linear-gradient(to right, #ff5b6a 0, #ff5b6a 50%, #c4c4c4 50%, #c4c4c4 100%)
}

.sticky-header .steps-nav.full::before {
  background: #ff5b6a
}

.sticky-header .steps-nav .step {
  display: inline-block;
  position: relative;
  z-index: 1
}

@media (max-width: 991.96px) {
  .sticky-header .steps-nav .step {
    font-size: 14px
  }
}

@media (max-width: 676px) {
  .sticky-header .steps-nav .step {
    font-size: 12px
  }
}

@media (max-width: 460px) {
  .sticky-header .steps-nav .step {
    font-size: 11px
  }
}

.sticky-header .steps-nav .step .icon {
  display: block;
  margin: 0 auto 10px;
  width: 35px;
  height: 35px;
  border: 1px solid #ff5b6a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
  position: relative
}

@media (max-width: 991.96px) {
  .sticky-header .steps-nav .step .icon {
    width: 16px;
    height: 16px;
    margin-bottom: 5px
  }
}

.sticky-header .steps-nav .step .icon:before {
  content: "";
  z-index: 1;
  width: 21px;
  height: 21px;
  background: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  left: 6px;
  top: 6px
}

@media (max-width: 991.96px) {
  .sticky-header .steps-nav .step .icon:before {
    width: 9px;
    height: 9px;
    left: 3px;
    top: 3px
  }
}

.sticky-header .steps-nav .step.current {
  color: #ff5b6a
}

.sticky-header .steps-nav .step.current .icon:before {
  background-color: #ff5b6a
}

.sticky-header .steps-nav .step.first {
  float: left
}

.sticky-header .steps-nav .step.last {
  float: right
}

.sticky-header .steps-nav .step.complete {
  color: #ff5b6a
}

.sticky-header .steps-nav .step.complete .icon {
  border-color: #ff5b6a
}

.sticky-header .steps-nav .step.complete .icon:before {
  background-color: #ff5b6a
}

.main .container {
  padding-top: 35px;
  padding-bottom: 60px;
  min-height: 473px
}

@media (max-width: 991.96px) {
  .main .container {
    padding-top: 30px;
    padding-bottom: 30px
  }
}

.main .head-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  display: block;
  zoom: 1;
  margin-bottom: 25px
}

.main .head-title:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .main .head-title {
    font-size: 16px
  }
}

.main .head-title span {
  font-weight: 400;
  text-transform: none;
  margin-left: 10px;
  font-size: 16px
}

@media (max-width: 767.96px) {
  .main .head-title span {
    font-size: 14px
  }
}

@media (max-width: 390px) {
  .main .head-title span {
    display: block;
    margin: 3px 0 0
  }
}

.main .head-title .add-more {
  display: block;
  float: right;
  font-weight: 500;
  text-transform: none;
  font-size: 16px
}

@media (max-width: 767.96px) {
  .main .head-title .add-more {
    font-size: 14px
  }
}

.cart-content {
  width: 69%;
  float: left;
  padding-right: 24px
}

@media (max-width: 991.96px) {
  .cart-content {
    width: 100%;
    float: none;
    padding-right: 0;
    margin-bottom: 30px
  }
}

.cart-content .confirm-info .custom-control {
  margin-bottom: 5px
}

.cart-content .confirm-info .btn-detail {
  font-size: 13px;
  margin-left: 5px
}

.cart-content .confirm-info .input-email {
  margin-bottom: 0;
  padding-top: 5px;
  padding-bottom: 10px
}

.cart-content .confirm-info .input-email .form-control {
  max-width: 300px
}

.cart-list {
  margin-bottom: 30px
}

.cart-list .cart-row {
  display: block;
  zoom: 1;
  margin-bottom: 15px;
  position: relative;
  padding-right: 50px;
  border-bottom: 1px solid #FFEAE3;
  padding-bottom: 15px
}

.cart-list .cart-row:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .cart-list .cart-row {
    padding-right: 175px
  }
}

@media (max-width: 359px) {
  .cart-list .cart-row {
    padding-right: 165px
  }
}

.cart-list .cart-row.disabled a, .cart-list .cart-row.disabled button {
  pointer-events: none
}

.cart-list .cart-row.disabled .field-img img {
  opacity: .4
}

.cart-list .cart-row.disabled .field-info {
  opacity: .5
}

.cart-list .cart-row.disabled .btn-delete {
  opacity: .4
}

.cart-list .cart-row.disabled .qty.sm-type button {
  background: #ccc
}

.cart-list .cart-row.disabled .qty.sm-type .number {
  background: #eee;
  color: #999
}

.cart-list .btn-delete {
  width: 36px;
  height: 36px;
  display: block;
  background: url(../images/icon-delete.svg) no-repeat;
  background-size: 32px auto;
  cursor: pointer;
  position: absolute;
  border: none;
  z-index: 1;
  right: 0;
  top: 29px
}

@media (max-width: 767.96px) {
  .cart-list .btn-delete {
    top: 8px
  }
}

.cart-list .field-img {
  width: 23%;
  float: left;
  padding-right: 35px
}

@media (max-width: 767.96px) {
  .cart-list .field-img {
    width: 60px;
    padding-right: 0;
    margin-right: 10px
  }
}

@media (max-width: 359px) {
  .cart-list .field-img {
    width: 50px;
    margin-right: 5px
  }
}

.cart-list .field-img img {
  display: block
}

.cart-list .field-info {
  width: 57%;
  float: left;
  padding-right: 20px;
  padding-top: 15px
}

@media (max-width: 767.96px) {
  .cart-list .field-info {
    width: auto;
    overflow: hidden;
    float: none;
    padding-right: 0;
    padding-top: 5px
  }
}

.cart-list .field-info h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 7px
}

@media (max-width: 767.96px) {
  .cart-list .field-info h3 {
    font-size: 14px;
    margin-bottom: 5px
  }
}

.cart-list .field-info h3 a {
  color: #142f43
}

.cart-list .field-info h3 a:focus, .cart-list .field-info h3 a:hover {
  color: #da0303
}

.cart-list .field-info .field-txt {
  color: #979797;
  margin-bottom: 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.cart-list .field-info .field-txt p {
  margin-bottom: 0
}

.cart-list .field-price {
  color: #ff5b6a
}

.cart-list .price-old {
  text-decoration: line-through;
  margin-right: 5px;
  color: #6B6C6C
}

.cart-list .qty {
  float: left;
  width: 20%;
  padding-top: 30px
}

@media (max-width: 767.96px) {
  .cart-list .qty {
    width: 110px;
    float: none;
    position: absolute;
    right: 50px;
    z-index: 1;
    top: 0;
    padding-top: 8px
  }
}

@media (max-width: 359px) {
  .cart-list .qty {
    right: 45px
  }
}

.order-notes {
  margin-bottom: 30px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 20px
}

.order-notes p {
  margin-bottom: 7px
}

.order-notes .form-group {
  margin-bottom: 0
}

.order-notes .form-group .form-control {
  border: none;
  border-bottom: 1px solid #FF9EA2;
  padding-left: 0;
  padding-right: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0
}

.note-content {
  border: 1px solid #c4c4c4;
  border-top: none;
  background: #FFF3E0;
  padding: 15px;
  display: block;
  zoom: 1
}

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

.note-content label {
  display: block;
  font-weight: 700
}

.note-content textarea {
  height: 50px
}

.cart-right {
  width: 31%;
  float: right
}

@media (max-width: 991.96px) {
  .cart-right {
    width: 100%;
    float: none
  }
}

.cart-wrapper .box-border {
  padding: 15px;
  margin-bottom: 15px
}

.cart-wrapper .block-type {
  border-bottom: 5px solid #F2F2F2;
  margin-left: -15px;
  margin-right: -15px;
  padding: 5px 15px 15px 60px;
  margin-bottom: 15px;
  position: relative
}

.cart-wrapper .block-type .switch {
  margin-right: 0;
  position: absolute;
  z-index: 1;
  top: 6px;
  left: 15px
}

.cart-wrapper .btn-payment {
  margin: 10px -15px -15px
}

.cart-wrapper .btn-payment button {
  color: #fff;
  background-color: #ff5b6a;
  font-weight: 700;
  text-align: center;
  padding: 20px 5px;
  -webkit-border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
  display: block;
  width: 100%;
  border: none;
  height: 63px
}

.cart-wrapper .btn-payment button:focus, .cart-wrapper .btn-payment button:hover {
  background-color: #ff5b6a
}

.cart-wrapper .btn-payment button:disabled {
  background: #FF9EA2
}

.cart-wrapper .btn-payment button.loading {
  background-image: url(../images/loading_white.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 40px auto
}

.cart-wrapper .delivery-to {
  position: relative;
  border-bottom: 1px dashed #6B6C6C;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 14px;
  color: #6B6C6C;
  display: block;
  zoom: 1
}

.cart-wrapper .delivery-to:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.cart-wrapper .delivery-to .btn-change-add {
  float: right;
  width: 24px;
  height: 24px;
  margin-top: 17px;
  margin-left: 15px;
  margin-bottom: 5px;
  background: url(../images/icon-edit.svg) no-repeat
}

.cart-wrapper .delivery-to .btn-change-add span {
  display: none
}

.cart-wrapper .delivery-to .lbl {
  display: block;
  margin-bottom: 0
}

.cart-wrapper .delivery-to .add {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 5px;
  color: #142F43
}

@media (max-width: 767.96px) {
  .cart-wrapper .delivery-to .add {
    font-size: 16px
  }
}

.cart-wrapper .note-time {
  text-align: center;
  font-size: 14px;
  color: #6B6C6C
}

.cart-wrapper .headline {
  display: block;
  zoom: 1;
  margin-bottom: 10px
}

.cart-wrapper .headline:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.cart-wrapper .headline h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-weight: 700
}

.cart-wrapper .headline .btn-edit {
  display: block;
  float: right;
  padding-right: 20px;
  background: url(../images/icon-edit.svg) 100% 0 no-repeat;
  font-size: 14px;
  color: #142f43;
  width: 24px;
  height: 24px
}

.cart-wrapper .headline .btn-edit span {
  display: none
}

.cart-wrapper .headline .btn-edit:focus, .cart-wrapper .headline .btn-edit:hover {
  color: #ff5b6a
}

.cart-wrapper .cart-scroll {
  margin-left: -15px;
  margin-right: -15px;
  padding: 0 15px;
  max-height: 274px;
  overflow-x: hidden;
  overflow-y: auto;
  border-bottom: 5px solid #F2F2F2;
  margin-bottom: 10px
}

.cart-wrapper .item-row {
  border-bottom: 1px solid #FFEAE3;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: block;
  zoom: 1
}

.cart-wrapper .item-row:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.cart-wrapper .item-row:last-child {
  border-bottom: none
}

.cart-wrapper .item-row .field-img {
  width: 50px;
  float: left;
  margin-right: 10px
}

.cart-wrapper .item-row .info {
  overflow: hidden
}

.cart-wrapper .item-row h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px
}

.cart-wrapper .shipping-fee, .cart-wrapper .sub-total, .cart-wrapper .total {
  display: block;
  zoom: 1;
  margin-bottom: 5px
}

.cart-wrapper .shipping-fee:after, .cart-wrapper .sub-total:after, .cart-wrapper .total:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.cart-wrapper .shipping-fee .lbl, .cart-wrapper .sub-total .lbl, .cart-wrapper .total .lbl {
  width: 65%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.cart-wrapper .shipping-fee .price, .cart-wrapper .sub-total .price, .cart-wrapper .total .price {
  width: 35%;
  float: right;
  text-align: right;
  padding-left: 5px
}

.cart-wrapper .discount-f {
  margin-bottom: 0;
  text-align: right;
  font-size: 14px
}

.cart-wrapper .discount-f span {
  display: inline-block
}

.cart-wrapper .discount-f .price-old {
  text-decoration: line-through;
  margin-left: 5px;
  opacity: .7
}

.cart-wrapper .discount-f .lbl {
  background: url(../images/icon-discount.svg) 0 -2px no-repeat;
  padding-left: 22px;
  font-weight: 500;
  background-size: 20px auto
}

.cart-wrapper .total {
  border-top: 1px dashed #FF9EA2;
  padding-top: 12px;
  margin-top: 12px;
  font-weight: 700;
  padding-bottom: 10px
}

.cart-wrapper .note {
  padding-top: 15px;
  font-size: 14px;
  margin-bottom: 0
}

.btn-payment-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  color: #fff;
  background-color: #ff304c;
  font-weight: 700;
  text-align: center;
  padding: 12px 5px;
  display: none;
  width: 100%;
  font-size: 18px;
  border: none
}

.btn-payment-mobile:focus, .btn-payment-mobile:hover {
  background-color: #ff304c
}

.btn-payment-mobile:disabled {
  background: #979797
}

.btn-payment-mobile.loading {
  background-image: url(../images/loading_white.svg);
  background-repeat: no-repeat;
  background-position: 95% 50%;
  background-size: 40px auto
}

.btn-payment-mobile.btn-static {
  position: static
}

.shipping-form {
  margin-bottom: 50px
}

.shipping-form .tel-row input.form-control {
  width: 66%;
  float: left
}

@media (max-width: 440px) {
  .shipping-form .tel-row input.form-control {
    width: 100%;
    float: none;
    margin-bottom: 15px
  }
}

.shipping-form .tel-row select.form-control {
  width: 32%;
  float: right
}

@media (max-width: 440px) {
  .shipping-form .tel-row select.form-control {
    width: 100%;
    float: none
  }
}

.shipping-form .tel-row .invalid {
  clear: both;
  padding-top: .25rem
}

.shipping-form .plaintext {
  display: block;
  padding-top: 7px
}

.store-info {
  padding: 24px 260px 24px 24px;
  box-shadow: 0 0 2px rgba(0, 0, 0, .25);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 30px;
  position: relative
}

.store-info h4 {
  font-size: 16px;
  margin-bottom: 15px
}

.store-info p {
  margin-bottom: 10px
}

.store-info .map img {
  display: block
}

.store-info .store-name {
  background: #FFF3E0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 9px 15px
}

.store-info .btn {
  width: 180px;
  position: absolute;
  right: 24px;
  bottom: 24px;
  z-index: 1;
  text-align: center
}

@media (max-width: 767.96px) {
  .store-info .btn {
    position: static;
    width: 100%;
    margin-top: 20px
  }
}

.cart-empty {
  padding-top: 30px
}

.cart-empty h4 {
  font-size: 24px;
  margin-bottom: 5px
}

.cart-empty .btn {
  min-width: 210px;
  margin-top: 20px;
  font-weight: 700
}

.method-list {
  margin-bottom: 30px;
  margin-left: -7px;
  margin-right: -7px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0
}

@media (max-width: 479px) {
  .method-list {
    margin-bottom: 20px
  }
}

.method-list li {
  list-style-type: none;
  width: 20%;
  display: -webkit-flex;
  display: flex;
  padding-left: 7px;
  padding-right: 7px;
  margin-bottom: 0
}

@media (max-width: 1199px) {
  .method-list li {
    width: 25%
  }
}

@media (max-width: 479px) {
  .method-list li {
    width: 50%;
    margin-bottom: 15px
  }
}

.method-list .custom-control {
  text-align: center;
  padding: 0;
  width: 100%
}

.method-list .custom-control.inactive {
  color: #aaa
}

.method-list .custom-control.inactive .custom-control-label:before {
  opacity: .2
}

.method-list .custom-control.inactive .custom-control-label img {
  filter: grayscale(100%);
  opacity: .6
}

.method-list .custom-control-label {
  display: block;
  padding: 16px 5px;
  height: 100%;
  min-height: 114px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  background: #fff;
  border: 1px solid transparent;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-align: center;
  width: 100%
}

@media (max-width: 767.96px) {
  .method-list .custom-control-label {
    font-size: 14px
  }
}

.method-list .custom-control-label img {
  display: block;
  margin: 0 auto 10px;
  height: 34px
}

.method-list .custom-control-label:before {
  left: 10px;
  top: 10px
}

.method-list .custom-radio .custom-control-input:checked ~ .custom-control-label {
  border-color: #ff5b6a
}

.method-list .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: 0 0;
  position: absolute;
  width: 10px;
  height: 6px;
  z-index: 2;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  left: 14px;
  top: 15px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border-radius: 0
}

.method-list .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  background: #ff5b6a
}

.coupon h4 {
  font-weight: 700
}

.coupon .coupon-applied {
  position: relative;
  border: 1px solid #c4c4c4;
  color: #0e0e0e;
  height: 38px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 7px 140px 7px 7px
}

.coupon .coupon-applied .txt {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.coupon .coupon-applied .btn-remove-cp {
  width: 13px;
  height: 13px;
  background: #ff5b6a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 120px;
  top: 11px;
  display: block;
  font-size: 10px;
  color: #fff;
  text-align: center;
  font-family: tahoma;
  line-height: 100%;
  cursor: pointer
}

.coupon .coupon-applied .btn-coupon {
  position: absolute;
  display: block;
  width: 110px;
  height: 38px;
  background: #ffd800;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  right: -1px;
  border: none;
  top: -1px;
  padding-top: 1px;
  font-weight: 700;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  max-height: 39px
}

.coupon .coupon-applied .btn-coupon:focus, .coupon .coupon-applied .btn-coupon:hover {
  background-color: #e7a500
}

.coupon .checktype {
  position: relative
}

.coupon .checktype .form-control {
  padding-right: 140px;
  border-color: #ff5b6a
}

.coupon .checktype .status-correct {
  width: 17px;
  height: 10px;
  position: absolute;
  right: 120px;
  top: 12px;
  z-index: 1;
  border-left: 3px solid #27AE60;
  border-bottom: 3px solid #27AE60;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  display: none
}

.coupon .checktype .btn-checkapply {
  position: absolute;
  display: block;
  width: 110px;
  height: 100%;
  background: #ff5b6a;
  z-index: 1;
  cursor: pointer;
  text-align: center;
  right: 0;
  border: none;
  top: 0;
  padding-top: 1px;
  font-weight: 700;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  max-height: 39px;
  color: #fff
}

.coupon .text-right {
  margin-bottom: 0
}

.payment-status {
  background: url(../images/bg-1.png) 0 100% no-repeat;
  padding-left: 576px
}

.payment-status.bg-fail {
  background: url(../images/bg-2.png) 100px 100% no-repeat
}

@media (max-width: 991.96px) {
  .payment-status.bg-fail {
    background: 0 0
  }
}

.payment-status.bg-fail-en {
  background: url(../images/bg-2-en.png) 100px 100% no-repeat
}

@media (max-width: 991.96px) {
  .payment-status.bg-fail-en {
    background: 0 0
  }
}

.payment-status.bg-sucess-en {
  background: url(../images/bg-1-en.png) 0 100% no-repeat
}

@media (max-width: 991.96px) {
  .payment-status.bg-sucess-en {
    background: 0 0
  }
}

@media (max-width: 991.96px) {
  .payment-status {
    background: 0 0;
    padding-left: 15px
  }
}

.payment-status .btn-payment {
  padding-top: 15px
}

@media (max-width: 991.96px) {
  .payment-status .btn-payment {
    padding-top: 0
  }
}

.payment-status .btn-payment button {
  background: #ff5b6a;
  color: #fff;
  height: 56px;
  padding: 5px;
  border: none;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px
}

.payment-status.bg-fail .payment-content {
  margin-top: 60px
}

@media (max-width: 991.96px) {
  .payment-status.bg-fail .payment-content {
    margin-top: 0
  }
}

.payment-content {
  max-width: 395px;
  margin: 30px 0 0;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .25);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  padding: 15px;
  background: #fff;
  font-size: 15px
}

@media (max-width: 991.96px) {
  .payment-content {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0
  }
}

.payment-content .content {
  padding: 10px 0 0
}

.payment-content .status-text {
  text-align: center;
  text-transform: uppercase;
  color: #27AE60;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 20px
}

@media (max-width: 991.96px) {
  .payment-content .status-text {
    font-size: 16px
  }
}

.payment-content .order-number span, .payment-content .status-text.red-color {
  color: #ff5b6a
}

.payment-content .row {
  margin-bottom: 10px
}

.payment-content .row strong {
  font-weight: 500
}

.payment-content .row strong.red-color {
  font-weight: 700;
  font-size: 18px
}

.payment-content .cs-info {
  font-weight: 500;
  min-height: 300px
}

.payment-content .cs-info p {
  margin-bottom: 7px
}

.address-info {
  margin-top: 20px;
  border-top: 1px solid #E0E0E0;
  padding-top: 20px;
  font-size: 14px
}

.address-info ul {
  margin-bottom: 0
}

.address-info li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  list-style: none
}

.address-info li strong {
  font-weight: 500
}

.address-info li img {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  max-width: 24px
}

.address-info p {
  margin-bottom: 5px
}

.modal-coupon .modal-dialog {
  max-width: 820px
}

.modal-coupon .modal-header .modal-title {
  font-size: 24px
}

.modal-coupon .modal-footer {
  padding-top: 0
}

.modal-coupon .modal-footer .btn {
  min-width: 160px
}

.modal-coupon .cp-error {
  margin-top: -10px !important;
  margin-bottom: 30px !important;
  font-size: 15px !important
}

.modal-coupon .coupon-add-new {
  background: #f3f3f3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 22px 24px;
  margin-bottom: 30px
}

.modal-coupon .coupon-add-new .form-group {
  margin-bottom: 0
}

.modal-coupon .coupon-add-new .btn {
  margin: 0;
  width: 160px;
  display: block;
  font-weight: 700;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.modal-coupon .coupon-add-new .inner {
  position: relative;
  padding-right: 175px
}

.modal-coupon .horz-line {
  position: relative;
  margin-bottom: 30px
}

.modal-coupon .horz-line:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  background: #c4c4c4;
  top: 50%
}

.modal-coupon .horz-line span {
  display: inline-block;
  background: #fff;
  position: relative;
  z-index: 1;
  padding: 0 15px
}

.modal-coupon .coupon-scroll {
  max-height: 381px;
  overflow-x: hidden;
  overflow-y: auto
}

.modal-coupon .coupon-list .content .field-txt {
  height: 40px;
  overflow: hidden;
  display: block
}

.modal-coupon .coupon-list .content .field-txt.opened {
  overflow: visible;
  height: auto
}

.modal-coupon .coupon-list .content .field-title {
  display: block
}

.modal-coupon .coupon-list .view-more {
  color: #fff;
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  position: absolute;
  left: 130px;
  bottom: 15px;
  z-index: 1
}

.modal-coupon .coupon-list ul {
  margin-left: -12px;
  margin-right: -12px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0
}

.modal-coupon .coupon-list li {
  list-style: none;
  padding: 0 12px;
  margin-bottom: 17px;
  width: 50%;
  display: -webkit-flex;
  display: flex
}

.modal-coupon .coupon-list li label {
  color: #fff;
  padding: 25px 60px 35px 40px;
  display: block;
  margin-bottom: 0;
  overflow: hidden
}

.modal-coupon .coupon-list li .custom-control-label:before {
  left: auto;
  right: 40px;
  top: 50%;
  margin-top: -10px;
  z-index: 10;
  border-color: #fff;
  background: 0 0
}

.modal-coupon .coupon-list li .custom-control-label:after {
  left: auto;
  right: 44px;
  top: 50%;
  margin-top: -6px;
  z-index: 10
}

.modal-coupon .coupon-list li .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #fff;
  background: 0 0
}

.modal-coupon .coupon-list li .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #fff
}

.modal-coupon .coupon-list li .custom-control-label::before {
  box-shadow: none
}

.payment-visa {
  display: block;
  zoom: 1
}

.payment-visa:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.payment-visa .cards-img {
  width: 324px;
  height: 206px;
  float: right;
  background: url(../images/card-2.svg) no-repeat;
  color: #fff;
  position: relative
}

@media (max-width: 1199px) {
  .payment-visa .cards-img {
    float: none;
    margin: 0 0 20px
  }
}

@media (max-width: 390px) {
  .payment-visa .cards-img {
    width: 310px;
    background-size: 310px auto;
    height: 200px
  }
}

@media (max-width: 365px) {
  .payment-visa .cards-img {
    width: 260px;
    background-size: 260px auto;
    height: 167px
  }
}

.payment-visa .cards-img .card-number {
  position: absolute;
  left: 23px;
  top: 120px;
  font-size: 18px;
  width: 200px;
  font-weight: 500
}

@media (max-width: 390px) {
  .payment-visa .cards-img .card-number {
    width: 185px
  }
}

@media (max-width: 365px) {
  .payment-visa .cards-img .card-number {
    top: 90px;
    width: 225px;
    font-size: 16px
  }
}

.payment-visa .cards-img .card-number .lbl {
  display: block;
  float: left;
  margin-right: 5px
}

.payment-visa .cards-img .card-number .txt {
  display: block;
  float: left
}

.payment-visa .cards-img .card-type {
  width: 48px;
  position: absolute;
  right: 13px;
  z-index: 1;
  bottom: 18px
}

@media (max-width: 365px) {
  .payment-visa .cards-img .card-type {
    width: 24px
  }
}

.payment-visa .cards-img .card-type img {
  max-width: 48px
}

@media (max-width: 365px) {
  .payment-visa .cards-img .card-type img {
    max-width: 24px
  }
}

.payment-visa .cards-img .card-type img.hide {
  display: none
}

.payment-visa .cards-img .card-name {
  position: absolute;
  z-index: 1;
  bottom: 20px;
  left: 23px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 500;
  width: 230px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px
}

@media (max-width: 390px) {
  .payment-visa .cards-img .card-name {
    width: 218px
  }
}

@media (max-width: 365px) {
  .payment-visa .cards-img .card-name {
    width: 194px;
    bottom: 18px;
    font-size: 13px
  }
}

.payment-visa .cards-img .valid-date {
  position: absolute;
  right: 13px;
  font-size: 15px;
  text-transform: uppercase;
  top: 120px;
  z-index: 1;
  display: block;
  zoom: 1
}

.payment-visa .cards-img .valid-date:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 365px) {
  .payment-visa .cards-img .valid-date {
    top: 50px
  }
}

.payment-visa .cards-img .valid-date .lbl {
  display: block;
  float: left;
  font-size: 9px;
  line-height: 1.1;
  margin-right: 5px
}

.payment-visa .cards-img .valid-date .txt {
  float: left;
  font-weight: 500
}

@media (max-width: 365px) {
  .payment-visa .cards-img .valid-date .txt {
    font-size: 14px
  }
}

.payment-visa .form-card {
  width: 53%;
  float: left;
  padding-right: 3%
}

@media (max-width: 1199px) {
  .payment-visa .form-card {
    float: none;
    padding-right: 0;
    width: 100%;
    margin-bottom: 30px
  }
}

.payment-visa .note {
  font-size: 14px;
  clear: both;
  padding-top: 5px;
  color: #6B6C6C;
  margin-bottom: 0;
  line-height: 1.6
}

.payment-type p {
  margin-bottom: 0
}

.payment-atm p {
  margin-bottom: 10px
}

.payment-atm .items {
  margin-left: -5px;
  margin-right: -5px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 0
}

.payment-atm li {
  list-style: none;
  padding: 0 5px;
  margin-top: 10px;
  width: 16.667%;
  display: -webkit-flex;
  display: flex
}

.payment-atm li.current .content {
  border-color: #ff5b6a
}

.payment-atm li.current .content:after, .payment-atm li.current .content:before {
  display: block
}

.payment-atm .content {
  width: 100%;
  border: 1px solid #c4c4c4;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 3px;
  cursor: pointer;
  position: relative
}

.payment-atm .content:after, .payment-atm .content:before {
  content: "";
  z-index: 1;
  position: absolute;
  display: none
}

.payment-atm .content:before {
  width: 15px;
  height: 15px;
  background: #ff5b6a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  right: 5px;
  top: 5px
}

.payment-atm .content:after {
  z-index: 2;
  width: 5px;
  height: 8px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  right: 10px;
  top: 7px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.payment-atm .content img {
  display: block;
  margin: 0 auto
}

.footer-cart {
  background-color: #fff;
  margin-top: auto
}

.footer-cart .container {
  padding-top: 30px;
  padding-bottom: 30px;
  display: block;
  zoom: 1
}

.footer-cart .container:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 991.96px) {
  .footer-cart .container {
    padding-top: 15px;
    padding-bottom: 15px
  }
}

.footer-cart .copyright {
  margin: 0;
  float: left;
  font-size: 13px
}

@media (max-width: 991.96px) {
  .footer-cart .copyright {
    float: none;
    margin-bottom: 10px;
    text-align: center
  }
}

.footer-cart .f-menu {
  float: right
}

@media (max-width: 991.96px) {
  .footer-cart .f-menu {
    float: none;
    text-align: center
  }
}

.footer-cart .f-menu ul {
  margin-bottom: 0
}

.footer-cart .f-menu li {
  display: block;
  float: left;
  margin: 0 20px 0 0;
  padding-right: 20px;
  font-size: 13px;
  position: relative
}

@media (max-width: 991.96px) {
  .footer-cart .f-menu li {
    display: inline-block;
    float: none;
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 10px
  }
}

.footer-cart .f-menu li:before {
  content: "";
  width: 1px;
  height: 10px;
  background-color: #000;
  opacity: .4;
  position: absolute;
  right: 0;
  top: 6px
}

.footer-cart .f-menu li:last-child {
  padding-right: 0;
  margin-right: 0
}

.footer-cart .f-menu li:last-child:before {
  display: none
}

.footer-cart .f-menu li a {
  color: #142f43
}

.footer-cart .f-menu li a:focus, .footer-cart .f-menu li a:hover {
  color: #da0303
}

.note-gift {
  color: #ff5b6a;
  font-size: 12px;
  background: url(../images/icon-note.svg) 10px 12px no-repeat #fff3e0;
  padding: 10px 10px 10px 33px;
  margin-bottom: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.addmore-products {
  margin-bottom: 30px
}

.addmore-products .swiper, .addmore-products .swiper-container {
  padding-bottom: 50px
}

.addmore-products .swiper .swiper-slide, .addmore-products .swiper-container .swiper-slide {
  height: auto
}

@media (max-width: 992px) {
  .addmore-products .swiper .swiper-slide, .addmore-products .swiper-container .swiper-slide {
    max-width: 230px
  }
}

.addmore-products .item {
  padding: 5px;
  flex: 1 100%;
  max-width: 100%;
  margin-bottom: 0;
  text-align: center
}

.addmore-products .item .inner {
  background-color: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 12px;
  width: 100%;
  height: 100%
}

.addmore-products .item .field-img {
  margin: -12px -12px 15px
}

.addmore-products .item .field-img img {
  display: block;
  margin: 0 auto;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px
}

.addmore-products .item h3 {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 10px
}

.addmore-products .item h3 a {
  color: #142f43;
  display: block;
  height: 39px;
  overflow: hidden
}

.addmore-products .field-update {
  padding-top: 7px;
  text-align: center;
  font-weight: 700
}

.booking-content {
  max-width: 800px;
  margin: 0 auto
}

.product-type .item-row {
  display: block;
  zoom: 1;
  margin-bottom: 15px;
  background: #fff;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 15px
}

.product-type .item-row:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.product-type .item-row .field-img {
  width: 192px;
  float: left;
  margin-right: 20px
}

@media (max-width: 767.96px) {
  .product-type .item-row .field-img {
    width: 50px;
    margin-right: 10px
  }
}

.product-type .item-row .field-img img {
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px
}

.product-type .item-row .info {
  overflow: hidden
}

.product-type .item-row h4 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 7px
}

@media (max-width: 767.96px) {
  .product-type .item-row h4 {
    font-size: 16px
  }
}

.product-type .item-row .field-txt {
  margin-bottom: 15px;
  font-size: 14px;
  opacity: .7
}

.product-type .item-row .field-txt p {
  margin-bottom: 0
}

.product-type .item-row .qty-wrap {
  display: block;
  zoom: 1
}

.product-type .item-row .qty-wrap:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

.product-type .item-row .qty-wrap .q-inner {
  float: left;
  margin-right: 10px;
}

.product-type .item-row .qty-wrap .qty {
  display: block;
  zoom: 1;
  float: left
}

.product-type .item-row .qty-wrap .qty:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .product-type .item-row .qty-wrap .qty .number, .product-type .item-row .qty-wrap .qty button {
    width: 32px;
    height: 32px
  }

  .product-type .item-row .qty-wrap .qty .number {
    padding-top: 5px
  }
}

.product-type .item-row .qty-wrap .lbl {
  display: block;
  float: left;
  padding-top: 12px
}

@media (max-width: 767.96px) {
  .product-type .item-row .qty-wrap .lbl {
    font-size: 14px;
    padding-top: 7px
  }
}

.product-type .item-row .price {
  float: right;
  font-size: 25px;
  font-weight: 700;
  color: #ff5b6a;
  margin-left: 10px;
  padding-top: 5px
}

@media (max-width: 767.96px) {
  .product-type .item-row .price {
    font-size: 16px
  }
}

@media (max-width: 369px) {
  .product-type .item-row .price {
    float: none;
    margin-left: 0;
    padding-top: 10px;
    clear: both
  }
}

.footer-type {
  background: #fff;
  box-shadow: 1px -1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px -1px 5px rgba(0, 0, 0, .15)
}

@media (max-width: 767.96px) {
  .footer-type {
    position: fixed;
    width: 100%;
    z-index: 2;
    left: 0;
    bottom: 0
  }
}

.footer-type .container {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  zoom: 1
}

.footer-type .container:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden
}

@media (max-width: 767.96px) {
  .footer-type .container {
    padding-top: 10px;
    padding-bottom: 10px
  }
}

.footer-type .left {
  width: 60%;
  float: left;
  font-size: 20px;
  font-weight: 500;
  padding-top: 5px
}

@media (max-width: 767.96px) {
  .footer-type .left {
    width: auto;
    font-size: 15px;
    padding-top: 12px
  }
}

@media (max-width: 369px) {
  .footer-type .left {
    padding-top: 0
  }
}

.footer-type .left span {
  display: inline-block;
  margin-right: 5px
}

@media (max-width: 369px) {
  .footer-type .left span {
    display: block
  }
}

.footer-type .right {
  float: right;
  max-width: 35%
}

@media (max-width: 767.96px) {
  .footer-type .right {
    max-width: 100%;
    width: 120px;
    margin-left: 5px
  }
}

.footer-type .right .btn {
  min-width: 210px;
  font-weight: 700
}

@media (max-width: 767.96px) {
  .footer-type .right .btn {
    min-width: 120px;
    font-size: 14px
  }
}

.form-booking .cs-radio-wrap {
  padding-top: 7px
}

.form-booking .grp-button {
  padding-top: 20px
}

@media (max-width: 991.96px) {
  .form-booking .grp-button {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 2;
    background-color: #fff;
    padding: 10px;
    margin: 0
  }

  .form-booking .grp-button li {
    width: 50%;
    float: left;
    padding: 0 5px
  }

  .form-booking .grp-button li .btn {
    width: 100%;
    min-width: 50px
  }
}

.nav-bottom-fixed .page {
  padding-bottom: 100px
}

@media (max-width: 767.96px) {
  .nav-bottom-fixed .page {
    padding-bottom: 82px
  }
}

.nav-bottom-fixed .footer-type {
  position: fixed;
  width: 100%;
  bottom: 0;
  height: 80px;
  z-index: 1;
  left: 0
}

@media (max-width: 767.96px) {
  .nav-bottom-fixed .footer-type {
    height: 62px
  }
}

.btn-backhome {
  padding: 15px 0 0;
  font-weight: 500
}

.buy-more-note {
  background: url(../images/icon-16.svg) 10px 9px no-repeat #ffeae3;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  margin-bottom: 30px;
  padding: 10px 10px 10px 40px;
  min-height: 44px
}

/* Account History Tabs - ensure non-overlapping, auto-width slides */
.account-tabs-swiper .swiper-wrapper { align-items: center; }
.account-tabs-swiper .swiper-slide { width: auto !important; flex: 0 0 auto; }
.account-tabs-swiper .txt { display: inline-block; white-space: nowrap; }