.cartDrawer {
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999999999;
  background: #e9e9e9;
  /*   width: 320px; */
  width: 400px;
  bottom: 0;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transition: 0.4s all;
  -webkit-transition: 0.4s all;
  color: #000; }
  @media (max-width: 500px) {
    .cartDrawer {
      width: 300px; } }
  .cartDrawer .topcart-btn .button {
    font-size: 22px;
    padding: 20px 10px;
    text-align: center;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    transition: 0.4s all;
    -webkit-transition: 0.4s all;
    cursor: pointer;
    border-radius: 0;
    outline: none !important;
    width: 100%;
    margin: 0;
    max-width: initial !important; }
  .cartDrawer h3 {
    text-align: center;
    padding: 20px 0;
    border-bottom: 1px solid #ccc;
    background: #fff;
    line-height: 1;
    color: #000;
    font-size: 18px; }
  .cartDrawer .closecart {
    position: absolute;
    right: 8px;
    top: 18px;
    font-size: 13px;
    cursor: pointer;
    z-index: 9;
    text-transform: uppercase;
    color: #000; }
    .cartDrawer .closecart img {
      max-width: 17px; }
  .cartDrawer p.emptyCart {
    margin-top: 15px; }
  .cartDrawer .quick-cart-item {
    padding: 10px 0;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #c9c9c9;
    display: flex; }
    .cartDrawer .quick-cart-item .quick-cart-image {
      /*       display:inline-block; */
      width: 100px;
      padding-left: 10px; }
    .cartDrawer .quick-cart-item .quick-cart-details {
      position: relative;
      /*       display:inline-block; */
      width: calc(100% - 100px);
      padding-left: 10px;
      padding-right: 10px; }
      .cartDrawer .quick-cart-item .quick-cart-details .ptitle {
        margin-bottom: 0px;
        font-size: 20px;
        padding-right: 25px !important;
        text-transform: uppercase;
        line-height: 10px; }
        .cartDrawer .quick-cart-item .quick-cart-details .ptitle a {
          margin-bottom: 0;
          font-weight: bold;
          font-size: 16px;
          line-height: 20px; }
      .cartDrawer .quick-cart-item .quick-cart-details p.pvars {
        color: #666666;
        text-align: left;
        font-size: 13px;
        line-height: 5px;
        /*         margin-bottom:15px; */ }
      .cartDrawer .quick-cart-item .quick-cart-details .pqty {
        display: inline-block;
        width: 100%;
        color: #666666;
        text-align: left; }
      .cartDrawer .quick-cart-item .quick-cart-details .priceC {
        display: inline-block;
        width: 40%;
        color: #666666;
        float: right; }
      .cartDrawer .quick-cart-item .quick-cart-details .grid-form-add .adjust {
        padding: 0 5px;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        position: relative; }
      .cartDrawer .quick-cart-item .quick-cart-details .grid-form-add .qtyOuterinput {
        padding: 0 0 0 5px;
        font-size: 13px; }
        .cartDrawer .quick-cart-item .quick-cart-details .grid-form-add .qtyOuterinput input {
          font-size: 13px;
          border: 0;
          padding: 0;
          text-align: center;
          width: 15px;
          height: auto;
          margin: 0;
          /* padding: 0; */
          display: inline-block; }
      .cartDrawer .quick-cart-item .quick-cart-details a.remove_item {
        position: absolute;
        bottom: 0;
        right: 10px;
        font-size: 12px;
        margin-bottom: 8px;
        text-transform: lowercase;
        font-style: italic;
        color: #9c9c9c; }
        .cartDrawer .quick-cart-item .quick-cart-details a.remove_item img {
          max-width: 17px; }
  .cartDrawer .cartButtonOuter {
    background: #fff;
    box-shadow: 10px 0 13px #b3b3b3;
    margin-top: 15px; }
    .cartDrawer .cartButtonOuter .cartTotal {
      padding: 15px 10px;
      font-size: 18px;
      background: #e9e9e9; }
      .cartDrawer .cartButtonOuter .cartTotal .left, .cartDrawer .cartButtonOuter .cartTotal .right {
        display: inline-block;
        vertical-align: middle;
        width: 50%;
        text-align: left; }
      .cartDrawer .cartButtonOuter .cartTotal .right {
        text-align: right; }
      .cartDrawer .cartButtonOuter .cartTotal.discountOuter {
        background: #fff; }
        .cartDrawer .cartButtonOuter .cartTotal.discountOuter input[type="text"] {
          border: 0;
          padding: 0;
          line-height: 2.4;
          margin-bottom: 0;
          background: white; }
        .cartDrawer .cartButtonOuter .cartTotal.discountOuter input[type="submit"] {
          background: none;
          border: 0;
          text-decoration: underline;
          color: #000;
          padding-right: 0;
          font-size: 15px;
          padding-top: 9px;
          padding-bottom: 7px;
          height: auto;
          min-width: auto;
          float: right; }
  .cartDrawer .extra-checkout-buttons {
    padding: 10px; }
    @media screen and (max-width: 767px) {
      .cartDrawer .extra-checkout-buttons {
        padding: 10px; } }
  .cartDrawer .cartButtonOuter {
    position: absolute;
    bottom: 0;
    width: 100%; }
  .cartDrawer.nofix {
    overflow-y: scroll; }
    .cartDrawer.nofix .quick-items {
      max-height: auto !important;
      overflow: hidden !important; }
    .cartDrawer.nofix .cartButtonOuter {
      position: static; }

.cartOpen .cartDrawer {
  transform: translateX(0);
  -webkit-transform: translateX(0);
  opacity: 1;
  visibility: visible;
  display: block; }

#crt.loading:after {
  position: absolute;
  content: ' ';
  background: white url("Reload.svg") no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0.6; }

body.cartOpen {
  overflow: hidden;
  z-index: 9999999999;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100%; }

.cartDrawer .quick-cart-item {
  padding: 10px 0;
  position: relative;
  background: #fff;
  border-bottom: 1px solid #c9c9c9; }