.delete-modal .ud-modal-body {
  padding: 5px !important; }

.delete-modal .delete-info-area p {
  color: #4d4847;
  font-size: 20px;
  margin: 18px 0;
  letter-spacing: 1px; }

.delete-modal .delete-info-area span {
  font-weight: bold;
  color: #987138;
  font-size: 20px; }

.delete-modal .delete-button-area {
  margin-bottom: 20px;
  padding: 0 12%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .delete-modal .delete-button-area .ud-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 47%;
    flex: 0 47%; }

.list-page .gift-area {
  padding: 20px 6%;
  max-height: calc(100vh - 200px);
  overflow: auto;
  margin-bottom: 15px; }
  .list-page .gift-area .gift {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease; }
    .list-page .gift-area .gift:hover {
      opacity: 0.85; }
    .list-page .gift-area .gift:last-of-type hr {
      display: none; }
    .list-page .gift-area .gift .gift-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
      flex: 0 0 42%;
      position: relative; }
      .list-page .gift-area .gift .gift-image .gift-mask {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: rgba(0, 0, 0, 0.325);
        width: 100%;
        height: 100%;
        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; }
        .list-page .gift-area .gift .gift-image .gift-mask p {
          color: #fff;
          font-size: 32px;
          font-weight: 300;
          letter-spacing: 6px;
          line-height: 40px; }
      .list-page .gift-area .gift .gift-image img {
        width: 100%;
        -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15);
        box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15); }
    .list-page .gift-area .gift .gift-info {
      padding: 10px 0 0 8%;
      position: relative; }
      .list-page .gift-area .gift .gift-info p.name {
        color: #987138;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 12px;
        letter-spacing: 1px;
        line-height: 22px; }
      .list-page .gift-area .gift .gift-info p {
        font-size: 12px;
        color: #666;
        line-height: 18px;
        margin-bottom: 8px; }
      .list-page .gift-area .gift .gift-info h6 {
        font-size: 14px; }
        .list-page .gift-area .gift .gift-info h6 span {
          margin: 0 5px; }
        .list-page .gift-area .gift .gift-info h6 b {
          font-size: 16px;
          font-family: GuerlainSansBold; }
      .list-page .gift-area .gift .gift-info hr {
        width: 82%;
        position: absolute;
        left: 14%;
        bottom: -30px; }
  .list-page .gift-area .empty p {
    padding-top: 15%;
    text-align: center;
    color: #999;
    font-size: 18px;
    letter-spacing: 1px; }

.list-page .button-area {
  padding: 0 13%; }

.detail-page .detail-back {
  background-color: #000;
  padding: 7px 0 7px 7%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin-bottom: 35px;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .detail-page .detail-back:hover {
    opacity: 0.85; }
  .detail-page .detail-back .arrow {
    margin-right: 12px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 12px 7px 0;
    border-color: transparent #ffffff transparent transparent; }
  .detail-page .detail-back p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    -webkit-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    transform: translate(0, -1px);
    letter-spacing: 1px; }

.detail-page .detail-wrapper {
  max-height: calc(100vh - 230px);
  overflow: auto;
  margin-bottom: 15px; }
  .detail-page .detail-wrapper .detail-name {
    padding: 0 5%;
    text-align: center;
    margin-bottom: 35px; }
    .detail-page .detail-wrapper .detail-name h5 {
      color: #987138;
      font-weight: 500;
      font-size: 20px;
      margin-bottom: 12px;
      letter-spacing: 2px;
      line-height: 22px; }
  .detail-page .detail-wrapper .detail-image {
    padding: 0 18%;
    margin-bottom: 24px; }
    .detail-page .detail-wrapper .detail-image img {
      width: 100%;
      -webkit-box-shadow: 5px 5px 9px 1px rgba(0, 0, 0, 0.2);
      box-shadow: 5px 5px 9px 1px rgba(0, 0, 0, 0.2); }
  .detail-page .detail-wrapper .detail-description {
    padding: 0 10%; }
    .detail-page .detail-wrapper .detail-description p {
      font-size: 16px;
      color: #333;
      line-height: 22px;
      margin-bottom: 8px;
      font-weight: 300;
      letter-spacing: 1px; }
    .detail-page .detail-wrapper .detail-description h6 {
      text-align: center;
      margin-top: 30px;
      font-size: 20px;
      margin-bottom: 15px; }
      .detail-page .detail-wrapper .detail-description h6 span {
        font-size: 20px;
        margin: 0 8px; }
      .detail-page .detail-wrapper .detail-description h6 b {
        font-size: 23px;
        font-family: GuerlainSansBold; }

.detail-page .detail-button {
  padding: 0 13%; }

.cart-page .cart-back {
  background-color: #000;
  padding: 7px 0 7px 8%;
  margin-bottom: 20px; }
  .cart-page .cart-back p {
    color: #fff;
    font-size: 20px;
    font-weight: 300;
    letter-spacing: 1px; }

.cart-page .cart-area {
  padding: 10px 7%;
  max-height: calc(100vh - 280px);
  overflow: auto;
  margin-bottom: 15px; }
  .cart-page .cart-area .cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px; }
    .cart-page .cart-area .cart:last-of-type hr {
      display: none; }
    .cart-page .cart-area .cart .cart-image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 42%;
      flex: 0 0 42%; }
      .cart-page .cart-area .cart .cart-image img {
        width: 100%;
        -webkit-box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15);
        box-shadow: 3px 3px 6px 1px rgba(0, 0, 0, 0.15); }
    .cart-page .cart-area .cart .cart-info {
      padding: 10px 0 0 8%;
      position: relative;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0; }
      .cart-page .cart-area .cart .cart-info p.name {
        color: #987138;
        font-weight: bold;
        font-size: 18px;
        margin-bottom: 12px;
        letter-spacing: 1px;
        line-height: 22px; }
      .cart-page .cart-area .cart .cart-info p {
        font-size: 12px;
        color: #666;
        line-height: 18px;
        margin-bottom: 8px; }
      .cart-page .cart-area .cart .cart-info h6 {
        font-size: 14px; }
        .cart-page .cart-area .cart .cart-info h6 span {
          margin: 0 5px; }
        .cart-page .cart-area .cart .cart-info h6 b {
          font-size: 16px;
          font-family: GuerlainSansBold; }
      .cart-page .cart-area .cart .cart-info .cart-delete {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end; }
        .cart-page .cart-area .cart .cart-info .cart-delete img {
          -webkit-transform: translate(-10px, -5px);
          -ms-transform: translate(-10px, -5px);
          transform: translate(-10px, -5px);
          width: 22px;
          height: 22px;
          cursor: pointer;
          -webkit-transition: all 0.2s ease;
          -o-transition: all 0.2s ease;
          transition: all 0.2s ease; }
          .cart-page .cart-area .cart .cart-info .cart-delete img:cover {
            opacity: 0.85; }
      .cart-page .cart-area .cart .cart-info hr {
        width: 82%;
        position: absolute;
        left: 14%;
        bottom: -30px; }
  .cart-page .cart-area .empty {
    color: #999;
    font-size: 20px;
    text-align: center;
    padding: 15vh 0; }

.cart-page .cart-total {
  padding: 0 4% 20px 4%; }
  .cart-page .cart-total hr {
    border-top: 1px solid #000; }
  .cart-page .cart-total .cart-total-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4%;
    -webkit-transform: translate(0, -5px);
    -ms-transform: translate(0, -5px);
    transform: translate(0, -5px); }
    .cart-page .cart-total .cart-total-wrapper h6 {
      font-size: 23px;
      color: #4a4947;
      letter-spacing: 1px; }
    .cart-page .cart-total .cart-total-wrapper p {
      font-family: GuerlainSansBold;
      font-size: 24px; }

.cart-page .cart-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4%; }
  .cart-page .cart-button .ud-button {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 49%;
    flex: 0 0 49%; }
    .cart-page .cart-button .ud-button span {
      font-size: 21px; }
    .cart-page .cart-button .ud-button .arrow {
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 7px 12px 7px 0;
      border-color: transparent #ffffff transparent transparent; }
    .cart-page .cart-button .ud-button.back span {
      -webkit-transform: translate(6px, 0);
      -ms-transform: translate(6px, 0);
      transform: translate(6px, 0); }
    .cart-page .cart-button .ud-button.back .arrow {
      position: absolute;
      left: -15%;
      top: 50%;
      -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
      transform: translate(0%, -50%); }
    .cart-page .cart-button .ud-button.order span {
      -webkit-transform: translate(-6px, 0);
      -ms-transform: translate(-6px, 0);
      transform: translate(-6px, 0); }
    .cart-page .cart-button .ud-button.order .arrow {
      position: absolute;
      right: -20%;
      top: 50%;
      -webkit-transform: translate(0%, -50%) rotate(180deg);
      -ms-transform: translate(0%, -50%) rotate(180deg);
      transform: translate(0%, -50%) rotate(180deg); }