.homepage-hoverbox-1 .vc_column-inner:after { 
    background-color: rgba(68, 118, 149, 1); 
    display:block;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: -10;
    opacity:0.6;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.homepage-hoverbox-1 .vc_column-inner.defaultstate:after { 
    opacity:0.6;
}

.homepage-hoverbox-1 .vc_column-inner.hoverstate:after { 
    opacity:1;
}





.homepage-hoverbox-2 .vc_column-inner:after { 
    background-color: rgba(53, 157, 147, 1);
    display:block;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: -10;
    opacity:1;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.homepage-hoverbox-2 .vc_column-inner.defaultstate:after { 
    opacity:1;
}

.homepage-hoverbox-2 .vc_column-inner.hoverstate:after { 
    opacity:0.6;
}





.homepage-hoverbox-3 .vc_column-inner:after { 
    background-color: rgba(238, 189, 107, 1);
    display:block;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: -10;
    opacity:0.6;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
}

.homepage-hoverbox-3 .vc_column-inner.defaultstate:after { 
    opacity:0.6;
}

.homepage-hoverbox-3 .vc_column-inner.hoverstate:after { 
    opacity:1;
}