
.shopping-cart .title{
    margin-bottom: 5vh;
}
.shopping-cart .card{
    margin: auto;
    max-width: 950px;
    width: 90%;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    border-radius: 1rem;
    border: transparent;

}
@media(max-width:767px){
    .shopping-cart .card{
        margin: 3vh auto;
    }
}
.shopping-cart .cart{
    background-color: #fff;
    padding: 4vh 5vh;
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    min-height: 521px;
}
@media(max-width:767px){
    .shopping-cart .cart{
        padding: 4vh;
        border-bottom-left-radius: unset;
        border-top-right-radius: 1rem;
    }
}
.shopping-cart .summary{
    background-color: #ddd;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    padding: 4vh;
    color: rgb(65, 65, 65);
}
@media(max-width:767px){
    .shopping-cart .summary{
    border-top-right-radius: unset;
    border-bottom-left-radius: 1rem;
    }
}
.shopping-cart .summary .col-2{
    padding: 0;
}
.shopping-cart .summary .col-10
{
    padding: 0;
}
.shopping-cart .row{
    margin: 0;
}
.shopping-cart .title b{
    font-size: 1.5rem;
}
.shopping-cart .main{
    margin: 0;
    padding: 2vh 0;
    width: 100%;
}
.shopping-cart .col-2, .shopping-cart .col{
    padding: 0 1vh;
}
.shopping-cart a{
    padding: 0 1vh;
}
.shopping-cart .close{
    margin-left: auto;
    font-size: 1.7rem;
    padding: 4px;
}
.shopping-cart .close:hover{
    color:#21C2F8;
}
.shopping-cart img{
    //width: 3.5rem;
}
.shopping-cart .back-to-shop{
    margin-top: 4.5rem;
}
.shopping-cart h5{
    margin-top: 4vh;
}
.shopping-cart hr{
    margin-top: 1.25rem;
}
.shopping-cart form{
    //padding: 2vh 0;
}
.shopping-cart select{
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 1.5vh 1vh;
    margin-bottom: 4vh;
    outline: none;
    width: 100%;
    background-color: rgb(247, 247, 247);
}
.shopping-cart input{
    border: 1px solid rgba(0, 0, 0, 0.137);
    padding: 1vh;
    margin-bottom: 20px;
    outline: none;
    width: 100%;
    background-color: rgb(247, 247, 247);
}
.shopping-cart input:focus::-webkit-input-placeholder
{
      color:transparent;
}
.shopping-cart .btn{

    width: 100%;

}

.shopping-cart a{
    color: black;
}
.shopping-cart a:hover{
    color: black;
    text-decoration: none;
}
 .shopping-cart #code{
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.253) , rgba(255, 255, 255, 0.185)), url("https://img.icons8.com/small/16/000000/long-arrow-right.png");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: center;
}
.shopping-cart .carousel-button{
    width: 100%;
    color: #fff;
    background-color: #37b3cd;
    border-color: #37b3cd;
    font-family: rockwell, serif;
    border-radius: 0px;
    padding: 10px 16px;
    font-size: 16px;
    line-height: 1.33;
    border: 1px solid transparent;
}
.shopping-cart .payment-button-container{

}
.shopping-cart .payment-button-container .carousel-button {
    display: inline-block;
    width:49%;
    text-align: center;
}
.shopping-cart .payment-button-container  .payment-submit-button {
    display: inline-block;
    width:49%;
}
#cart-checkout-button{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
    text-align: center;
}
#cart-checkout-column{
    height: 521px;
}
.add-promo-button{
    background-color:#92cedb!important;

}
.carousel-button.total-price{
    cursor: default;
    height: 65px;
}
.promo-code-form{
    margin-bottom:5px;
}
.pricing_footer .item-span{
    margin-left:20px;
    margin-right:20px;
}
@media (max-width:560px) {
.pricing_footer .item-span{
    margin-left:0;
    margin-right:0;
    }
}
@media (max-width:767px) {
.info-number .badge {
    right:unset;
}
}
.remove-item-button{
    display: unset;
    width: unset!important;
}

.loader-page {
background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .5s ease-out;
}
.loader-container {
  width: 600px;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader-fill {
  background-color: #fff;
  width: 0px;
  height: 100%;
  position: absolute;
}
.loader-counter {
  position: absolute;
  font-size: 5rem;
  font-family: 'Lato' ;
  font-weight: 300;
  letter-spacing: -5px;
  color: #fff;
  z-index: 9;
}
.dot-floating {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #37b3cd;
  color: #37b3cd;
  animation: dotFloating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
}

.dot-floating::before, .dot-floating::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-floating::before {
  left: -12px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #37b3cd;
  color: #37b3cd;
  animation: dotFloatingBefore 3s infinite ease-in-out;
}

.dot-floating::after {
  left: -24px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #37b3cd;
  color: #37b3cd;
  animation: dotFloatingAfter 3s infinite cubic-bezier(0.4, 0, 1, 1);
}

@keyframes dotFloating {
  0% {
    left: calc(-50% - 5px);
  }
  75% {
    left: calc(50% + 105px);
  }
  100% {
    left: calc(50% + 105px);
  }
}

@keyframes dotFloatingBefore {
  0% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
  75% {
    left: -50px;
  }
  100% {
    left: -50px;
  }
}

@keyframes dotFloatingAfter {
  0% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
  75% {
    left: -100px;
  }
  100% {
    left: -100px;
  }
}

.cart #id_terms_and_conditions {
    width:15px;;
}

.cart .terms-and-conditions-label {
    display: inline-block;
}
@media (max-width:500px) {
.cart .terms-and-conditions-label {
    font-size:12px;
}
.cart #back-to-cart-summary-button {
    font-size:12px;
}
.cart #payment-method-submit-button {
    font-size:12px;
}
}
@media (max-width:415px) {
.cart .terms-and-conditions-label {
    font-size:9px;
}
.cart #back-to-cart-summary-button {
    font-size:9px;
}
.cart #payment-method-submit-button {
    font-size:9px;
}
}
.cart .terms-and-conditions-label a{
    padding-left:0;
    color:#37b3cd;
}
