.min80{min-height:80vh;}
.img-overlay{position:absolute;bottom:0;left:0;right:0;overflow:hidden;width:100%;height:0;transition:.5s ease}
.imagesss:hover .img-overlay{height:70%}
.imagesss img{transform:scale(1);transition:transform 0.9s ease-out}
.imagesss:hover img{transform:scale(1.1);}
.imagesss .img-overlay .text{position:absolute;bottom:15%;left:50%;-webkit-transform:translate(-50%,15%);-ms-transform:translate(-50%,15%);transform:translate(-50%,15%);color:#fff;text-align:center;min-width:80%;}
.controls button{border:0;box-shadow:none;font-weight:400;color:var(--main-color2);font-size:26px;}
.controls button:hover{background:var(--main-color);color:var(--main-color2)}
.controls button.mixitup-control-active,.controls button.mixitup-control-active:hover,.controls button.mixitup-control-active:focus{color:var(--main-color2);font-weight:500;}
@media(max-width:1440px){
.controls button{font-size:24px;}
}
@media(max-width:1199px){
.controls button{font-size:20px;}
}
@media(max-width:767px){
.controls button{font-size:18px;}
}
@media(max-width:575px){
.controls button{font-size:16px;}
}

.project-item {opacity: 1;transform: translateY(20px);transition: opacity 0.6s ease, transform 0.6s ease;}