/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.product-small .box-image:hover::before{
   -webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
   100%{left:125%}
}
@keyframes shine{
   100%{left:125%}
}
.product-small .box-image::before{
  position:absolute;
  top:0;
  left:-75%;
  z-index:2;
  display:block;
  content:'';
  width:50%;
  height:100%;
  background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
  -webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
.product-small.box {
    background: #f8f8f8;
    padding: 15px;
}
.product-small:hover {
    border: 1px solid #1e73be;
    border-radius: 3px;
}
/*buttom*/
.buttom-paetory a {
    padding: 5px 10px !important;
}
.buttom-paetory a {
    border: 1px solid;
    background: #fff;
    color: #000;
    padding: 10px 20px;
    margin: 5px;
    background: linear-gradient(to left,#fff 50%,#0063ae 50%) right;
    background-size: 200%;
    transition: .5s ease-out;
}
.buttom-paetory a:hover {
	background-position: left;
	color: #fff;
	border: 1px solid;
}