p{word-wrap: break-word;}
.pleft{float: left;} .pright{float: right;}
/*==sp--custom---templating*/
.loading-xxs{
  width: 1.03em;
  height: 1.03em;
  background-image: url(../images/loading2.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.loading-xs{
  width: 2em;
  height: 2em;
  background-image: url(../images/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.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: #636161;
  /* box-shadow: 0px 15px 30px 0px rgba(126, 124, 126, 0.1); */
  color: #ffffff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  padding: 11px 38px;
  transition: all .4s ease;
}

.sp-button-02{
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  border-color: #dddbdc;
  border-radius: 2px;
  background-color: #dddddd;
  /* background-color: #7c7b7b; */
  /* box-shadow: 0px 15px 30px 0px rgba(126, 124, 126, 0.1); */
  box-shadow: none;
  color: #000000;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
  padding: 11px 18px;
  transition: all .4s ease;
}

.sp-button-02-soft{
  background-color: #f3f2f2;
  color: #000000;
  font-weight: bold;
}

.sp-button-02-lt{
  background-color: #fffefd;
  color: #000000;
  font-weight: bold;
  box-shadow: none;
  text-transform: capitalize;
  border-color: #f3f2f3;
  border-radius: 8px;
  padding: 8px 10px;
}


.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-button-style-1{
  line-height:0.8; margin-bottom:5px;text-transform: capitalize;
}


.sp-info-text-box{
  width: 100%;
  white-space: pre-line;
  border: #979696 dashed 1px;
  padding: 1em;
}
.sp-info-text-area{
  width: 100%;
}

.s-backdrop{
  position:absolute; 
  width:100%;
  height:180vh;
  top:0;
  left: 0;
  z-index: 2;
  background-color: rgba(0, 0, 0, 0.5); 
}

.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 #f0eded;}
  .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;
   }
   
   .qty-btn{
    /* width: 40px; */
    height: 34px;
    border-style: solid;
    border-width: 1px;
    border-color: #e0e0e0;
    border-radius: 2px;
    background-color: #f7f7f7;
    color: #556575;
    font-size: 24px;
    font-weight: 100;
    text-align: center;
  }
  .qty-btn-sm{
    height: 24px; font-size: 14px; font-weight: bolder;
  }
  .qty-input{
    width: 48px;
    height: 24px;
    margin-bottom: 0px;
    padding-right: 4px;
    padding-left: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #e0e0e0;
    text-align: center;
  }
  .qty-input-sm{ height: 24px;}

  .mobile-fix-nav{
    width: 100vw;
    display: block;
    background: #ffffff;
    position: fixed;
    bottom: 0;
    right: 0;
    /* width: 100%; */
    /* border: 3px solid #73AD21; */
  }
  .mobile-fix-nav-2{
    width: 100vw;
    display: block;
    background: #ffffff;
    position: fixed;
    bottom: 4.2em;
    right: 0;
  }
  .sp-input, .sp-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #333333;
    /* vertical-align: middle; */
    background-color: #ffffff;
    border: 1px solid #cccccc;
}
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 640px){
    .cta-btn{
      padding: 10px 10px;
      font-size: 16px;
      
    }
    .cart-btn{
        padding: 10px 10px;
        width: 100%;
    }
  }
/*--.//cart-cta*/
/*---.//orderboarding*/