/*==sp--custom---templating*/
.loading-sm{
  width: 3em;
  height: 3em;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.loading-md{
  width: 15em;
  height: 8em;
  background-image: url(../images/loader.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.sp-prd-img{
    height: 100%; width: 100%; object-fit: contain;
  }
.sp-prd-img-cover{
    height: 100%; width: 100%; object-fit: cover;
}
.sp-button-1{
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  border-color: #dddbdc;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 15px 30px 0px rgba(126, 124, 126, 0.1);
  color: #112211;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  padding: 11px 38px;
  transition: all .4s ease;
}

.sp-button-1 i{
  text-shadow: -1.5px 0 #333, 0 1px #333, 1px 0 #333, 0 -1.5px #333;
}

.sp-button-sm{
  font-size: 12px;
  padding: 5px 8px;
}
.sp-button-md{
  font-size: 14px;
  padding: 6px 6px;
}
.sp-info-text-box{
  width: 100%;
  white-space: pre-line;
  border: #979696 dashed 1px;
  padding: 1em;
}
.sp-info-text-area{
  width: 100%;
}
.circular--square { /*for perfect circle*/
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
}

/*product-options*/
.v-tiny-btn{
    line-height:0.4; padding: 1px; margin:1px;
  }
  .line-wrap{
    white-space: nowrap; display:inline;
  }
  .box-wrap{padding: 3px; border: thin solid #979696;}
  .box-cube{
    min-height: 60px;
    min-width: 60px;
    max-height: 60px;
    max-width: 60px;
  }
  .box-color-cube{
   min-height: 40px;
    min-width: 40px;
    max-height: 40px;
    max-width: 40px;
  }


/*orderboarding*/
/*--cart-cta*/
.cta-btn{
    width: 100%;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    white-space: nowrap;
    color: #fff;
    padding: 10px 40px;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    /* background: #fd9729; */
    background: #fc4112;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.cart-btn{
    width: 100%;
     border: none;
     border-radius: 5px;
     box-shadow: none;
     white-space: nowrap;
     color: #fff;
     padding: 10px 30px;
     font-size: 16px;
     font-family: 'Montserrat', sans-serif;
     background: #ee992b;
     letter-spacing: 1px;
     position: relative;
     text-align: center;
     z-index: 1;
  }
 
  .remove-btn{
    background: #ee2b2b;
  }
 
   .view-btn{
     background: #dde3e9;
     color:#000000;
   }

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px){
    .cta-btn{
      padding: 10px 10px;
      font-size: 16px;
      
    }
    .cart-btn{
        padding: 10px 10px;
        width: 100%;
    }
  }
/*--.//cart-cta*/
/*---.//orderboarding*/