body{
  background-color: #F2E5DA;
  font-family: "Helvetica Neue" !important;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 14px;
  color: #1d1e1d;
}

.collapse:not(.show){
  display: block;
}

@media (max-width:767px) {
  .collapse:not(.show){
    display: none;
  }
}

h3{
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0;
}

h4{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}

h5 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 12px;
  color: #1E435E;
  font-weight: 600;
  margin-right: 15px;
}

p {
  font-size: 16px;
  line-height: 1.25em;
  margin-bottom: 0
}

p.com{
  color: #a9a8a8;
}

a {
  font-size: 12px;
  letter-spacing: 1px;
  font-weight: 600;
  color: #1E435E !important;
  text-transform: uppercase;
}

a:hover {
  text-decoration: none;
}

.mdc-link {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.25em;
  color: #000000 !important;
  text-transform: none !important;
}

hr {
  border-top-color: #c6c3c1;
  margin-top: 20px;
  margin-bottom: 20px;
}

.row-button {
  margin-top: 30px;
}

img.arrow-forward {
  width: 17px;
  height: 17px;
  margin-left: 20px;
}

img.arrow-back {
  width: 17px;
  height: 17px;
  margin-right: 20px;
}

@media (max-width: 768px) {
  img.arrow-back{margin-right: 0;}
}

.mb-15 {
  margin-bottom: 15px;
}

.checkout-has-error label,
.checkout-has-error label > .mdc-link{
  color: #b00020 !important;
}

.summary-coupon-error span{
  color: #b00020;
  font-size: 12px;
}

#checkout-summary{
  position: -webkit-sticky;
  position: sticky;
  top: 10px;

  padding: 0px !important;
  border-radius: 3px;
  background: #f4f1ef;

  -webkit-box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.02), 0 2.3px 5.3px rgba(0, 0, 0, 0.028), 0 4.4px 10px rgba(0, 0, 0, 0.035), 0 7.8px 17.9px rgba(0, 0, 0, 0.042), 0 14.6px 33.4px rgba(0, 0, 0, 0.05), 0 35px 80px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.02), 0 2.3px 5.3px rgba(0, 0, 0, 0.028), 0 4.4px 10px rgba(0, 0, 0, 0.035), 0 7.8px 17.9px rgba(0, 0, 0, 0.042), 0 14.6px 33.4px rgba(0, 0, 0, 0.05), 0 35px 80px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.02), 0 2.3px 5.3px rgba(0, 0, 0, 0.028), 0 4.4px 10px rgba(0, 0, 0, 0.035), 0 7.8px 17.9px rgba(0, 0, 0, 0.042), 0 14.6px 33.4px rgba(0, 0, 0, 0.05), 0 35px 80px rgba(0, 0, 0, 0.07);

}

#collapse_summary{padding: 20px!important;}
@media (max-width: 768px) {
  #collapse_summary{margin-top: 30px;padding: 15px!important;}
}
.text-ls{
  letter-spacing: 1px;
}

/* ! Breadcrumb */

.breadcrumb{
  background-color: transparent;
  padding: 0;
  margin-bottom: 25px;
}

@media (max-width:767px) {
  .breadcrumb{
    display: none;
  }
}

.breadcrumb-item{
  letter-spacing: 1px;
  color: #979797;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
}

.breadcrumb-item.active a {
  color: #1E435E;
}

.breadcrumb-item.active a:hover {
  text-decoration: none;
}

.breadcrumb-item+.breadcrumb-item::before {
  content: " ";
  background: url('../../img/Checkout/arrow.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 12px;
  height: 12px;
  margin-right: 10px;
}

.btn-forward:after {
  content: " ";
  width: 12px;
  height: 12px;
  background: url('../../img/Checkout/arrow-w.svg') no-repeat center center;
}

/* ! Box info */
.box-info {
  width: 100%;
  border-radius: 3px;
  /*border: 1px solid #c6c3c1;*/
  background-color: #f4f1ef;
  padding: 35px;
  -webkit-box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.02), 0 2.3px 5.3px rgba(0, 0, 0, 0.028), 0 4.4px 10px rgba(0, 0, 0, 0.035), 0 7.8px 17.9px rgba(0, 0, 0, 0.042), 0 14.6px 33.4px rgba(0, 0, 0, 0.05), 0 35px 80px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.02), 0 2.3px 5.3px rgba(0, 0, 0, 0.028), 0 4.4px 10px rgba(0, 0, 0, 0.035), 0 7.8px 17.9px rgba(0, 0, 0, 0.042), 0 14.6px 33.4px rgba(0, 0, 0, 0.05), 0 35px 80px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.02), 0 2.3px 5.3px rgba(0, 0, 0, 0.028), 0 4.4px 10px rgba(0, 0, 0, 0.035), 0 7.8px 17.9px rgba(0, 0, 0, 0.042), 0 14.6px 33.4px rgba(0, 0, 0, 0.05), 0 35px 80px rgba(0, 0, 0, 0.07);
}

@media (max-width:767px) {
  .box-info {
    padding: 35px 15px;
  }
}

.box-info-header {
  margin-bottom: 32px;
}

.box-info-header h3 i{
  font-size: 48px;
  margin-right: 20px;
}

.box-info-header h3 i.received{
  color: #e09e00;
}

.box-info-header h3 i.confirmed{
  color: #43ba00;
}

@media (max-width: 768px) {
  .box-info-header h3{
    font-size: 18px;
  }
}

.box-info-title {
  margin-bottom: 32px;
  margin-top: 12px;
}

.box-info-title-2 {
  margin-bottom: 32px;
  margin-top: 32px;
}

.box-info .box-info-header-login a {
  padding-left: 35px;
}

/* ! Material design */
:root {
  --mdc-theme-primary: #1E435E;
  --mdc-theme-secondary: #1E435E;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #1E435E;
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #b00020;
  color: var(--mdc-theme-error, #b00020);
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: rgba(69, 89, 254, 0.87);
}

.mdc-select:not(.mdc-select--disabled).mdc-select--invalid .mdc-floating-label {
  color: #b00020;
  color: var(--mdc-theme-error, #b00020);
}

.mdc-text-field {
  /*margin-bottom: 20px !important;*/
}

.mdc-text-field--outlined,
.mdc-select--outlined,
.mdc-select,
.mdc-select .mdc-select__anchor {
  /*height: 60px !important;*/
  width: 100% !important;
}

.mdc-select{
  min-width: unset !important;
}

.mdc-select .mdc-select__anchor{
  padding: 0;
}

.mdc-form-field>label{
  margin-bottom: 0;
  font-size: 16px;
  line-height: 1.25em;
  color:#1d1e1d;
  letter-spacing: normal !important;
}

/* ! checkbox */

.mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background, .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background, .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background {
  border-color: #1E435E !important;
  background-color: #1E435E !important;
}

.mdc-checkbox .mdc-checkbox__native-control:checked~.mdc-checkbox__background::before, .mdc-checkbox .mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background::before, .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background::before{
  background-color: #1E435E !important;
}

/* ! radio button */
.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
  border-color: #1E435E !important;
}

.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
  border-color: #1E435E !important;
}

/* ! switch */
.mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: #1E435E !important;
}

.mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  background-color: #1E435E !important;
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  background-color: #1E435E !important;
  border-color: #1E435E !important;
}

.mdc-button {
  height: 55px !important;
  text-transform: initial !important;
  font-size: 14px !important;
  background-color: #1E435E !important;
  padding: 0 25px !important;
  font-family: "Helvetica Neue" !important;
}

@media (max-width:767px) {
  .mdc-button {
    width: 100%;
  }
}

.mdc-button span,
.mdc-button .mdc-button__icon {
  color: #ffffff;
  font-family: "Helvetica Neue" !important;
  letter-spacing: normal;
  font-weight: bold;
}

.mdc-text-field__input,
.mdc-form-field {
  font-family: "Helvetica Neue" !important;
}

.shr-button--back {
  background-color: #f4f1ef !important;
}

.shr-button--back span,
.shr-button--back .mdc-button__icon {
  color: #1d1e1d !important;
}

/* ! Box summary */

.box-summary-list-item {
  margin-bottom: 15px;
}

.box-summary-list-item-img {
  width: 60px;
  height: 60px;
  background-color: rgba(198, 195, 193, 0.25);
  min-width: 60px;
}

@media (max-width: 768px) {
  .box-summary-list-item-img {width: 45px;height: 45px;min-width: 45px;}
}

.box-summary-list-item-img img {
  height: 90%;
  width: 90%;
  object-fit: contain;
}

.box-summary-list-item .list-item-number {
  position:absolute;
  width: 24px;
  height: 24px;
  background-color: #1d1e1d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  top: 5px;
  right: -12px;
}

@media (max-width: 768px) {
  .box-summary-list-item .list-item-number {width: 20px;height: 20px;top: 3px;right: -10px;}
}

.list-item-name{
  max-width: 180px;
  margin-left: 20px;
}

.box-summary .fas {
  font-size: 18px;
  color: #A9A8A8;
}

.box-summary-coupon-app {
  width: 100%;
  background-color: #e3f2ff;
  border-radius: 4px;
  padding: 20px 16px;
}

.box-summary-coupon-app a{
  margin-right: 15px;
}

.box-summary-coupon-title {
  margin-bottom: 20px;
}

.row-radiobox {
  border-radius: 6px;
  border: solid 1px #c6c3c1;
  margin-left: 0;
  margin-right: 0;
  padding: 9px 15px;
  margin-bottom: 15px;
}

@media (max-width: 768px) {
  .confirm-text-list{font-size: 14px;}
  .confirm-com-list{font-size: 12px;}
}

/* ! bank info */

.box-bank-account{
  width: 100%;
  border-radius: 3px;
  border: 1px solid #c6c3c1;
  padding: 25px 37px;
  margin: 15px 0;
}

@media (max-width: 768px) {
  .box-bank-account{padding: 15px;}
}

.box-bank-warning{
  width: 100%;
  border-radius: 3px;
  background-color: #fff9d4;
  padding: 20px 37px;
  margin: 15px 0;
}

@media (max-width: 768px) {
  .box-bank-warning{padding: 15px;}
}

.box-bank-warning i{
  line-height: 1.25em;
  margin-right: 10px;
}

.box-confirm .box-order-summary{
  width: 100%;
  border-radius: 3px;
  border: 1px solid #c6c3c1;
  padding: 37px;
  margin-top: 32px;
}

@media (max-width: 768px) {
  .box-confirm .box-order-summary{padding: 15px;}
}

@media (max-width:767px) {
  .summary-xs{
    margin-top: -58px;
  }
}

.checkout-address-container{margin-bottom: 100px;}

@media (max-width: 768px) {
  .checkout-address-container{margin-bottom: 50px;}
}

@media (max-width: 768px) {
  .button-right{
    width: 100%;
    margin-left: 15px;
  }
}

.box-summary-total-mobile{
  margin-top: 30px;
  padding: 15px;
}

.open-cart-button{
  width: 30px;
  height: 30px;
  position: relative;
  transition: all .3s ease-in-out;
  margin-top: -5px;
  margin-right: -6px
}

.open-cart-button:before{
  content: ' ';
  position: absolute;
  top: 4px;
  left: 14px;
  width: 3px;
  background: #1E435E;
  height: 15px;
  transition: all .3s ease-in-out;
  /*transform: rotate(-45deg);*/
  transform-origin: center center;
}

.open-cart-button:after{
  content: ' ';
  position: absolute;
  top: 10px;
  right: 23.5%;
  width: 15px;
  background: #1E435E;
  height: 3px;
  transition: all .3s ease-in-out;
  /*transform: rotate(45deg);*/
  transform-origin: center center;
}

.open-cart-button--open:before,
.open-cart-button--open:after{
  transform: rotate(45deg);
}

.box-summary-coupon-free-shipment {
  text-align: right;
  font-size: 12px;
}