CSS codes are not working

In the “Saved Layouts” section of the plugin I added the following modifications via CSS codes:

selector .vp-portfolio__items-style-fade {
–vp-items-style-fade-transition-duration: 0.75s;
}

selector .vp-portfolio__items-style-fade {
–vp-items-style-fade – image-hover__transform: scale (1.25);
}

selector .vp-portfolio__items-style-fade .vp-portfolio__item-meta>: last-child {
font-size: 35px;
}

selector .vp-portfolio__items-style-fade .vp-portfolio__item-meta>: nth-child (1) {
text-transform: lowercase;
}

At the time I am writing the codes, the changes in the preview occur normally. But when I am on the homepage of my website (http://www.identidadetotal.com.br/) the changes are not shown.

Can someone help me please?

The page I need help with: [log in to see the link]