.cspt-client-style-1{
    padding: 30px 0px;
}
.cspt-client-style-1 .cspt-client-wrapper.cspt-client-with-hover-img .cspt-client-hover-img {
    position: absolute;
    opacity: 0;
    left: 7px;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.cspt-client-style-1 .cspt-client-wrapper.cspt-client-with-hover-img {
    position: relative;
}
.cspt-client-style-1 .cspt-client-wrapper.cspt-client-with-hover-img:hover .cspt-client-hover-img {
	opacity: 1;
}
.cspt-client-style-1 .cspt-client-wrapper.cspt-client-with-hover-img:hover .cspt-featured-wrapper {
	opacity: 0;
}
.cspt-element-client-style-1 .cspt-client-wrapper {
	overflow: hidden
}
.cspt-element-client-style-1 .cspt-featured-wrapper,
.cspt-element-client-style-1 .cspt-client-hover-img {
	-webkit-transition: -webkit-transform .4s ease;
	transition: -webkit-transform .4s ease;
	-o-transition: transform .4s ease;
	transition: transform .4s ease;
	transition: transform .4s ease, -webkit-transform .4s ease
}
.cspt-element-client-style-1 .cspt-client-hover-img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	transform: translateY(-100%)
}
.cspt-element-client-style-1 .cspt-client-hover-img {
	transform: translateY(-100%)
}
.cspt-element-client-style-1 .cspt-client-wrapper:hover .cspt-client-hover-img {
	visibility: visible;
	transform: translateY(0%)
}
.cspt-element-client-style-1 .cspt-featured-wrapper {
	transform: translateY(0%)
}
.cspt-element-client-style-1 .cspt-client-wrapper:hover .cspt-featured-wrapper {
	transform: translateY(100%)
}