.img-effect
{
    position: relative;
}
.img-effect:after
{
    position: absolute;
    bottom:0;
    width:100%;
    left:0;
    content:"";
    height:10px;
    background: -moz-linear-gradient(left, rgba(229,194,130,1) 0%, rgba(143,187,215,0) 83%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(229,194,130,1) 0%,rgba(143,187,215,0) 83%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(229,194,130,1) 0%,rgba(143,187,215,0) 83%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c282', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.img_hovercontent
{
    opacity:0;
    transition:0.5s ease opacity;
}
.img_hovercontent .button
{

}
.img_hover:hover .img_hovercontent
{
    position: absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background:rgba(229, 194, 130, 0.4);
    text-align: center;
    display:flex;
    align-content: center;
    opacity:1;
}
.img_hovercontent .button
{
    position: absolute;
    left:50%;
    top:50%;
    transform:translateY(-50%) translateX(-50%);
    display:block;
    white-space: nowrap;
}
.img_hovercontent .button:hover
{
    position: absolute;
    left:50%;
    top:50%;
    transform:translateY(calc(-50% + 2px)) translateX(-50%);
}
.slider_effect
{
    position: absolute;
    content:"";
    left:0;
    bottom:0;
    height:10px;
    width:0;
    transition-property:width;
    transition-timing-function:linear;
    background:#e5c282 !important;
}
.slider_effect.reset
{
    transition-duration: 0s;
    width:0;
}
/*
@media only screen and (max-width : 768px) {
.img-effect
    {
        position: relative;
        margin-top: -19px;
    }
}
*/