@-webkit-keyframes backInRight {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes backInRight {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(2000px) scale(0.7);
    transform: translateX(2000px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes backInRight-En {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes backInRight-En {
  0% {
    opacity: 0.7;
    -webkit-transform: translateX(-2000px) scale(0.7);
    transform: translateX(-2000px) scale(0.7);
  }
  80% {
    opacity: 0.7;
    -webkit-transform: translateX(0) scale(0.7);
    transform: translateX(0) scale(0.7);
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.address {
  display: none;
}
.add-class-address {
  display: block;
  -webkit-animation: backInRight 1s;
  animation: backInRight 1s;
}

.cart {
  display: block;
  overflow-y: auto;
  max-height: 550px;
  -webkit-animation: backInRight 1s;
  animation: backInRight 1s;
}

.add-class-cart {
  display: none;
}

.continue-shopping,
.final-registration,
.previous-stage {
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-animation: backInRight 1s;
  animation: backInRight 1s;
}

.continue-shopping.show,
.final-registration.show,
.previous-stage.show {
  opacity: 1;
  visibility: visible;
  display: block;
  -webkit-animation: backInRight 1s;
  animation: backInRight 1s;
}

.h-order {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
