@font-face {
  src: url("../fonts/OpenSans-Regular.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 400; }
@font-face {
  src: url("../fonts/OpenSans-SemiBold.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 700; }
@font-face {
  src: url("../fonts/OpenSans-Bold.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 900; }
@font-face {
  src: url("../fonts/OpenSans-Light.ttf") format("truetype");
  font-family: open-sans;
  font-weight: 100; }
@font-face {
  src: url("../fonts/BRANDON_REG.OTF") format("opentype");
  font-family: Brandon;
  font-weight: 400; }
@font-face {
  src: url("../fonts/BRANDON_THIN.OTF") format("opentype");
  font-family: Brandon;
  font-weight: 100; }
@font-face {
  src: url("../fonts/BRANDON_BLD.OTF") format("opentype");
  font-family: Brandon;
  font-weight: 900; }
.product-exist,
.no-product {
  display: block; }
  .product-exist.hide,
  .no-product.hide {
    display: none; }

.no-product h3 {
  font-size: 25px;
  text-transform: uppercase;
  padding: 30px 0;
  text-align: center;
  font-weight: 600; }
.no-product .svg-item {
  width: 130px;
  margin: 0 auto; }
  .no-product .svg-item svg {
    width: 100%;
    height: 100%; }
.no-product a {
  display: block;
  margin: 0 auto;
  text-align: center;
  padding: 40px 0 20px;
  font-size: 20px;
  color: #BEC0C2; }

.checkout-content {
  background-color: #E6E7E8;
  min-height: 40vh; }
  .checkout-content a {
    text-decoration: none; }
  @media screen and (min-width: 1023px) {
    .checkout-content .product {
      display: flex;
      width: 90%;
      margin: 0 auto; } }
  .checkout-content h5 {
    font-size: 24px;
    margin-left: 4.5%;
    padding: 20px 0;
    color: #414042;
    font-family: Brandon;
    letter-spacing: 1px; }
  .checkout-content .product-item {
    width: 90%;
    margin: 0 auto 20px; }
    @media screen and (min-width: 1023px) {
      .checkout-content .product-item {
        width: 81%; } }
    .checkout-content .product-item h5 {
      font-size: 20px;
      padding: 25px 0 20px;
      margin-left: 0;
      color: #414042; }
      @media screen and (min-width: 1023px) {
        .checkout-content .product-item h5 {
          padding: 34px 0 21px;
          font-size: 24px;
          margin-left: 4.5%; } }
  .checkout-content .wrapper {
    display: flex;
    margin-bottom: 30px; }
    @media screen and (min-width: 1023px) {
      .checkout-content .wrapper {
        margin: 0 0 30px 0;
        width: 97%; } }
    .checkout-content .wrapper select[name=product-quantity] {
      border: 1px solid gray;
      padding-left: 5px;
      border-radius: 3px;
      background-color: transparent; }
    .checkout-content .wrapper figure {
      width: 175px;
      height: 115px;
      background-color: #F1F1F1;
      align-self: flex-start;
      display: flex;
      align-items: flex-end;
      justify-content: center; }
      @media screen and (min-width: 1023px) {
        .checkout-content .wrapper figure {
          width: 240px;
          height: 210px;
          margin-left: 30px; } }
      .checkout-content .wrapper figure img {
        width: 58%;
        margin: 0 auto;
        height: 80%;
        display: block; }
    .checkout-content .wrapper .content {
      margin-left: 10px; }
      @media screen and (min-width: 1023px) {
        .checkout-content .wrapper .content {
          width: 80%; } }
      .checkout-content .wrapper .content .container {
        display: flex;
        justify-content: space-between; }
        .checkout-content .wrapper .content .container .product-details {
          width: 90%; }
          .checkout-content .wrapper .content .container .product-details .name {
            font-size: 18px;
            font-weight: 600;
            letter-spacing: 1px;
            font-family: Brandon;
            color: #414042; }
            @media screen and (min-width: 1023px) {
              .checkout-content .wrapper .content .container .product-details .name {
                font-size: 19px; } }
          .checkout-content .wrapper .content .container .product-details .manufacturer {
            font-size: 14px;
            color: #b3b5b7;
            font-weight: bold; }
      .checkout-content .wrapper .content .close-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        overflow: hidden;
        border: 1px solid #414042;
        background-color: #414042;
        cursor: pointer; }
    .checkout-content .wrapper label {
      font-size: 17px;
      margin: 10px 0;
      display: inline-block;
      color: #414042;
      font-weight: bold; }
      .checkout-content .wrapper label input {
        background-color: #E6E7E8;
        border: none;
        font-family: Brandon;
        font-weight: 600;
        font-size: 16px;
        color: #414042;
        width: 40px;
        margin-left: 10px; }
      .checkout-content .wrapper label:nth-of-type(2) {
        padding: 0 20px; }
    .checkout-content .wrapper .dark-button {
      padding: 10px 15px;
      font-weight: normal;
      margin-top: 10px;
      margin-bottom: 15px; }
      @media screen and (min-width: 1023px) {
        .checkout-content .wrapper .dark-button {
          margin-bottom: 0; } }
    .checkout-content .wrapper .cost {
      font-size: 14px;
      padding: 10px 0;
      font-size: 16px;
      font-family: Brandon; }
      .checkout-content .wrapper .cost .actual-cost {
        font-size: 20px;
        font-weight: bold;
        color: #414042; }
      .checkout-content .wrapper .cost .striked {
        text-decoration: line-through; }
    .checkout-content .wrapper .total {
      font-size: 20px;
      font-weight: bold;
      font-family: Brandon;
      color: #414042; }
  .checkout-content .price-details {
    border-top: 1px solid #414042; }
    .checkout-content .price-details h5 {
      font-size: 22px;
      letter-spacing: 1px;
      color: #414042; }
      @media screen and (min-width: 1023px) {
        .checkout-content .price-details h5 {
          margin-left: 0; } }
    @media screen and (min-width: 1023px) {
      .checkout-content .price-details {
        border-top: none;
        padding-left: 40px;
        width: 35%;
        border-left: 1px solid #414042; } }
    .checkout-content .price-details .dark-button {
      width: 90%;
      padding: 16px 24px;
      display: block;
      margin: 0 auto;
      font-size: 18px; }
      @media screen and (min-width: 1023px) {
        .checkout-content .price-details .dark-button {
          margin: 0; } }
  .checkout-content table {
    width: 90%;
    display: block;
    font-size: 14px;
    margin-left: 4.5%; }
    @media screen and (min-width: 1023px) {
      .checkout-content table {
        margin-left: 0; } }
    .checkout-content table td {
      font-weight: bold;
      color: #414042;
      padding: 6px 0; }
      .checkout-content table td:nth-of-type(1) {
        width: 180px; }
    .checkout-content table .item-total {
      font-size: 20px;
      font-weight: bold; }
      .checkout-content table .item-total td {
        padding: 10px 0; }
  .checkout-content .tip {
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
    margin-left: 4.5%; }
    @media screen and (min-width: 1023px) {
      .checkout-content .tip {
        margin: 0; } }
  .checkout-content p {
    width: 90%;
    padding-bottom: 20px;
    font-size: 14px; }
    @media screen and (max-width: 1023px) {
      .checkout-content p {
        margin-left: 4.5%; } }

#news-letter {
  height: 28vh;
  background-color: #E6E7E8; }
  #news-letter .inner-contents {
    display: none; }

/*# sourceMappingURL=cart.css.map */
