.shipping-diff-block {
  margin: 3rem 0 1rem;
}

.fs-progress {
  background: #f2fce2;
  border-radius: 5000px;
  box-shadow: inset 0 1px 2px rgba(51, 51, 51, 0.25), 0 1px rgba(255, 255, 255, 0.08);
  position: relative;
  margin-bottom: 1rem;
}
.fs-progress .bar {
  height: 0.5rem;
  border-radius: 5000px;
  width: 0;
  transition: 0.6s linear;
  transition-property: width, background-color;
  background-color: #73bf44;
}
.fs-progress .shipping-icon {
  position: absolute;
  font-size: 1.5rem;
  transition: left 0.6s linear;
  background: #559a13;
  border-radius: 50%;
  padding: 0.3125rem;
  color: #ffffff;
  bottom: 1.25rem;
  left: 0;
  margin-left: -0.75rem;
}
.fs-progress .shipping-icon:after {
  position: absolute;
  content: "";
  border-style: solid;
  border-width: 10px 8px 0 8px;
  border-color: #559a13 transparent transparent transparent;
  left: 10px;
  bottom: -6px;
}

@media screen and (min-width: 48em) {
  .shipping-diff-block {
    margin-top: 0.5rem;
  }
}
.amazon-checkout-button {
  display: inline-block;
}

.checkout-methods-items .item div.amazon-button-container {
  border-top: 1px dotted #b3b5b9;
  border-bottom: 1px dotted #b3b5b9;
  padding: 1.5rem 0 1rem;
  margin: 0 0 1.5rem;
  text-align: center;
}

.amazon-button-column {
  display: inline-block;
  vertical-align: top;
}
.amazon-button-column .has-tip {
  margin-left: 0.5rem;
  border: 0;
}

.ice-panel {
  background: #ffffff;
  padding: 1rem;
}

.top-brands .menu li {
  margin: 0 0.5rem;
}
.top-brands .menu li:first-child {
  margin-left: 0;
}

.cart-header-left {
  padding-right: 2rem;
}
.cart-header-right .action-box {
  margin: 0.75rem 0.5rem 1rem;
}

.est-delivery {
  margin: 0 0 1.5rem;
}

.checkout-cart-index .cart-summary {
  background: #ffffff;
  border: 1px solid #73bf44;
  border-top-width: 5px;
  margin-top: 0.5rem;
  padding: 1rem;
}
.checkout-cart-index .messages .callout {
  margin-top: 0;
}

.cart.item .col.qty .field.subtotal, .cart.item .col.qty .field.qty {
  text-align: right;
}

.cart.item {
  border-bottom: 1px solid #ccc;
  padding: 1rem 0;
}
.cart.item .product-image-container, .cart.item .product-image-photo {
  max-width: 60px;
  max-height: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cart.item .subtotal {
  font-weight: bold;
}
.cart.item .action-delete {
  color: #676d7f;
}
.cart.item .action-delete:hover {
  color: #9a9da6;
}
.cart.item .action.update {
  margin-top: 1rem;
}
.cart.item .col {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.cart.item .col.item {
  width: 12%;
}
.cart.item .col.detail {
  width: 60%;
}
.cart.item .col.qty {
  text-align: right;
}
.cart.item .col.qty .field.qty .qty-select {
  margin-top: 0;
}
.cart.item .col.qty .field.subtotal {
  margin-bottom: 1rem;
}
.cart.item .item-options .accordion-title {
  color: #676d7f;
  font-size: 1rem;
  padding-top: 0.5rem;
  font-style: italic;
}
.cart.item .item-options .accordion-title:before {
  top: 39%;
  left: 6.25rem;
  right: initial;
}
.cart.item .item-options span.price {
  display: none;
}
.cart.item .item-options .accordion-content {
  font-size: 0.9375rem;
}

.form-cart .main.actions .button {
  margin-top: 0.5rem;
  margin-left: 2rem;
}

.cart.savings-block {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  padding-left: 0.5rem;
  border-bottom: 1px solid #ccc;
}

.shipping-method {
  font-weight: bold;
}

.checkout-methods-items {
  text-align: center;
}
.checkout-methods-items input {
  padding-left: 0;
}
.checkout-methods-items .item {
  margin: 1rem auto 2rem;
}
.checkout-methods-items .item:nth-child(2) {
  border-top: 1px dotted #b3b5b9;
  padding-top: 1rem;
  margin-bottom: 1rem;
}
.checkout-methods-items .item > div {
  margin: 0.75rem 0;
}

.paypal.after.paypal-logo a {
  display: none;
}

.address-warning {
  font-size: 0.9375rem;
}

.callout.alert {
  padding: 0.5rem 1rem 0.5rem 3.5rem;
  border-color: #e12b1d;
  color: #333333;
}
.callout.alert:before {
  content: url("../images/icons/error.svg");
}
.callout.alert.closeable {
  padding-right: 2.5rem;
}

.callout.error {
  padding: 0.5rem 1rem 0.5rem 3.5rem;
  border-color: #e12b1d;
  color: #333333;
}
.callout.error:before {
  content: url("../images/icons/error.svg");
}
.callout.error.closeable {
  padding-right: 2.5rem;
}

.callout.success {
  padding: 0.5rem 1rem 0.5rem 3.5rem;
  border-color: #00aa61;
  color: #333333;
}
.callout.success:before {
  content: url("../images/icons/success.svg");
}
.callout.success.closeable {
  padding-right: 2.5rem;
}

.callout.warning {
  padding: 0.5rem 1rem 0.5rem 3.5rem;
  border-color: #f9c035;
  color: #333333;
}
.callout.warning:before {
  content: url("../images/icons/warning.svg");
}
.callout.warning.closeable {
  padding-right: 2.5rem;
}

.button.cyan {
  background-color: #0196e4;
  border-color: #0196e4;
}
.button.cyan:before {
  color: #0196e4;
}
.button.cyan:hover, .button.cyan:active {
  background-color: #03a8fe;
  border-color: #03a8fe;
}
.button.cyan:focus {
  outline: 2px solid transparent;
  box-shadow: inset 0 0 0 1.5px #ffffff, 0 0 0 1.5px #01a7fd;
}

.button.orange.hollow {
  border-color: #f69a8e;
  background-color: transparent;
  color: #ee4530;
}
.button.orange.hollow:before {
  color: #ee4530;
}
.button.orange.hollow:hover, .button.orange.hollow:active, .button.orange.hollow:focus {
  border-color: #f69a8e;
  color: #f69a8e;
}
.button.orange.hollow:hover:before, .button.orange.hollow:active:before, .button.orange.hollow:focus:before {
  color: #f69a8e;
}
.button.orange.hollow:focus {
  box-shadow: none;
  background-color: rgba(238, 69, 48, 0.15);
}

.divider-or {
  text-align: center;
  margin: 2.5rem auto;
}
.divider-or:after {
  background: #f7f7f7;
  content: "or";
  color: #9a9da6;
  display: inline-block;
  font-size: 1.0625rem;
  font-weight: 800;
  padding: 0 1rem;
  position: relative;
  text-transform: uppercase;
  top: -0.7083333333rem;
}

.shipping-calc {
  border-radius: 0.3125rem;
}
.shipping-calc .accordion-title {
  font-size: 1rem;
  padding: 0.875rem 0;
}
.shipping-calc .accordion-title:before {
  right: 0;
}
.shipping-calc .accordion-content {
  background: #fff9f3;
  border-radius: 0.3125rem;
  padding: 0.5rem 1rem 1rem;
}
.shipping-calc input, .shipping-calc select {
  border: 1px solid #b3b5b9;
}
.shipping-calc fieldset.rate {
  border: 1px solid #ffe0c5;
  padding: 0.5rem 1rem;
}
.shipping-calc fieldset.rate legend {
  margin-bottom: 0;
}
.shipping-calc fieldset.rate .methods {
  margin-bottom: 0;
}

.cart-sub-box {
  border-bottom: 1px solid #ccc;
  padding: 0.5rem 0.5rem 1rem;
  margin: 0 0 1rem;
}
.cart-sub-box .sub-icon {
  margin-right: 0.25rem;
  color: #9a9da6;
}

.button.ui-gray {
  color: #9a9da6;
}
.button.ui-gray.flat:hover {
  color: #666a74;
}

.coupon-block {
  margin: 0 0 1rem;
}
.coupon-block .accordion-content {
  padding: 0;
}
.coupon-block .coupon-form-box {
  padding: 1rem;
  background: #fff9f3;
}
.coupon-block .accordion-title {
  font-size: 1rem;
}
.coupon-block .accordion-title:before {
  right: 0;
}
.coupon-block .form-inline input[type=text] {
  width: 100%;
  margin: 0;
}
.coupon-block .form-inline .button.apply {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
}
.coupon-block .form-inline .button.remove {
  padding: 0;
  margin-top: -5px;
}
.coupon-block .form-inline .button.remove .svg-icons {
  fill: #b3b5b9;
}
.coupon-block .form-inline .button.remove:hover .svg-icons {
  fill: #9a9da6;
}
.coupon-block .coupon-applied {
  border: 2px dotted #b3b5b9;
  padding: 0.5rem;
}

.shipping-estimate-form .field {
  margin: 1rem 0;
}
.shipping-estimate-form select {
  margin-bottom: 0.5rem;
}
.shipping-estimate-form [type=text].input-text {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.form-cart {
  margin-bottom: 2rem;
}

fieldset.rate {
  margin-bottom: 0;
}

.shipping-eta {
  display: block;
  line-height: 1.4;
}

.summary-wrapper {
  margin: 1rem 0;
  padding: 0;
}
.summary-wrapper .summary-details {
  margin-bottom: 2rem;
}
.summary-wrapper .summary-details .summary-row {
  font-size: 1.0625rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.summary-wrapper .summary-details .grand-total {
  border-top: 1px solid #ccc;
  font-size: 1.25rem;
  font-weight: 700;
  padding-top: 0.75rem;
}
.summary-wrapper .summary-details .discount-amount {
  color: #00aa61;
  font-weight: 700;
}
.summary-wrapper .summary-details .shipping-row {
  border-top: 1px solid #ccc;
  padding-top: 1rem;
}

.help-card.cart-page {
  text-align: left;
}
.help-card.cart-page .help-card-item {
  margin: 0;
  border: 1px solid #ccc;
  border-radius: 0.3125rem;
  text-align: center;
  padding: 0.25rem 0;
  cursor: pointer;
}
.help-card.cart-page .help-card-item:hover {
  background: rgba(230, 121, 33, 0.1);
  border-color: #eea366;
}
.help-card.cart-page .help-card-icons {
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
.help-card.cart-page .help-card-link {
  color: #333333;
  background: none;
}

.url-list li {
  margin: 0.5rem 0;
}

.modal-form .subscribe {
  display: block;
}
.modal-form .subscribe input, .modal-form .subscribe .button {
  width: 100%;
}
.modal-form .subscribe .button {
  margin-top: 1rem;
}

.checkout-modal-wrapper .guest-column {
  margin-top: 2rem;
  border-top: 1px solid #ccc;
  padding-top: 1rem;
}

@media screen and (min-width: 48em) {
  .modal-form .subscribe {
    display: block;
  }
  .modal-form .subscribe input, .modal-form .subscribe .button {
    display: inline-block;
    vertical-align: middle;
  }
  .modal-form .subscribe input {
    width: 60%;
    margin-right: 0;
  }
  .modal-form .subscribe .button {
    margin: 0 0 0 0.5rem;
    width: calc(40% - 1em);
  }
  .checkout-modal .guest-column {
    margin-top: 0;
    border-top: 0;
    padding-top: 0;
  }
}
@media screen and (min-width: 64em) {
  .modal-popup.checkout-modal-wrapper .modal-inner-wrap {
    width: 70%;
    padding: 3rem 0;
  }
  .cart-header-right .action-box {
    margin-bottom: 0;
  }
  .cart.item .col.detail {
    width: 55%;
  }
  .cart.item .col.qty .field.qty, .cart.item .col.qty .field.subtotal {
    text-align: right;
  }
  .cart.item .col.qty .field .qty-select {
    width: auto;
  }
  .form-cart {
    margin-bottom: 4rem;
  }
  .checkout-cart-index .cart-summary {
    padding: 1rem 2rem;
  }
}
@media screen and (min-width: 75em) {
  .cart.item .action.update {
    margin-top: 0;
    margin-left: 0.5rem;
  }
  .modal-popup.checkout-modal-wrapper .modal-inner-wrap {
    width: 50%;
  }
}
/*# sourceMappingURL=cart-page.css.map */
