.vc_single_image-wrapper:hover {
opacity: 0.5;
}

.vc_single_image-wrapper .vc-hoverbox-front {
opacity: 0;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 2px 0px;
color: #ffffff;
background: #000000;
text-decoration: none;
text-align: center;
}

.vc_single_image-wrapper:hover .vc-hoverbox-front {
opacity: 0.8;
}

.lightboxhover:hover {
    opacity: 1;
}

.imghoverclass:hover {
    opacity: 1;
}

.grid_item:hover .portfolio_item:hover .postclass:hover {
    opacity: 0.1;
}

.cportfoliotag {
    display: none;
}

.portfolio_item .portfoliolink {
    height: 33%;
}

.portfolio_item a {
    display: block;
    z-index: 1000;
}

.imghoverclass {
    content: attr(portfolio_item);
    width:100%;
    color:red;
    background:#fff;
}

#imghoverclass {
    position:relative; /* make this relative to have the inner div absolute without     breaking out */
    width: 200px;  /* fix the width or else it'll be the entire page's width */
    background: silver; 
    border: 1px solid grey
}

#text {
    position: absolute; 
    width: 40px; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    background: black; 
    color:white
}

.kt-feature-image {
    Width: 100%;
    Height: auto;
    pointer-events: none;
    cursor: default;
}

.kt-feature-image:hover {
    opacity: 1;
    background-size: cover;
background-repeat: no-repeat;
position: relative;
}

.container {
    Width: 100%;
    height: auto;
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.contentclass {
padding-bottom: 30px;
padding-top: 0px
}

.wrap.contentclass {
    padding-top: 0px;
}

.imghoverclass.img-margin-center {
    margin-right: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

/*
.page-header {
    margin: 0px 60px 20px 60px;
}
*/

/*
.wpb_content_element {
    margin: 0px 60px 20px 60px;
}
*/

/*
#containerfooter {
    margin: 0px 60px 20px 60px;
}
*/

.profile-picture:hover {
    opacity: 1;
}