
/* Start css For counter for quantity   */
.quantity {
           padding-top:10px;
}
.counter-btn-circle{
     /*width:60%;*/
     background: #E5E5E5;
     border-radius: 4px;
     /*padding: 8px 0px;*/
     border: 1px solid #E5E5E5;
     box-shadow: 0px 0px 10px 0px rgba(100, 100, 100, 0.18) ;
     padding: 1px;
}
.read-more-btn{
    float:right;
}

.counter {
    width: 50px;  
  text-align: center;
  border:none;
 background: #E5E5E5;
}
.plus-btn {
  background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 4px;
padding: 9px;
} 
.minus-btn {
   background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 4px;
padding: 9px;
}
/* End css For counter for quantity   */
.shop-cart-added-btn{
  margin: 5px;
 /* margin-left:40px;*/
}
.shop-cart-addcart-btn{
    margin: 5px;
}
.add-to-cart-btn{
   margin: 10px;
  /* margin-left:40px;*/
}
.button--border-thin {
                        border: 1px solid;
                    }
                    .button--round-s {
                        border-radius: 5px;
                    }

                     .button.button--shikoba:hover{
                        background: #fff!important;
                        color: #37474f;
                        border-color: #37474f;
                       
                    }
                    .button__icon{
                        color: #37474f;
                        padding-right: 7px;
                    }
                    .button.button--shikoba {
                        padding: 9px 9px 9px 9px;
                        overflow: hidden;
                        -webkit-transition: background-color 0.3s, border-color 0.3s, color 0.3s;
                        transition: background-color 0.3s, border-color 0.3s, color 0.3s;
                    }
                    .button--shikoba.button--inverted {
                        color: #fff;
                        background: #7986cb;
                    }
                    .button--shikoba > span {
                        display: inline-block;
                        -webkit-transform: translate3d(-10px, 0, 0);
                        transform: translate3d(-10px, 0, 0);
                        -webkit-transition: -webkit-transform 0.3s;
                        transition: transform 0.3s;
                        -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
                        transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
                    }
                    .button--shikoba .button__icon {
                       /* position: inherit;
                        left: 25px;
                        top: 14px;
                        font-size: 18px;
                        -webkit-transform: translate3d(-40px, 2.5em, 0);
                        transform: translate3d(-40px, 2.5em, 0);
                        -webkit-transition: -webkit-transform 0.3s;
                        transition: transform 0.3s;
                        -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
                        transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);*/
                        opacity: 0;
                       -webkit-transition: all .5s ease;
                       -moz-transition: all .5s ease;
                       -ms-transition: all .5s ease;
                       transition: all .5s ease;
                    }
                    .button--shikoba:hover .button__icon,
                    .button--shikoba:hover > span {
                        -webkit-transform: translate3d(0, 0, 0);
                        transform: translate3d(0, 0, 0);
                        opacity: 1;
                    }