.project .project-wrapper .project-item{transition:all .3s ease-out 0s}@media (min-width:992px){.project .project-wrapper .project-item:hover .project-image{position:relative}.project .project-wrapper .project-item:hover .project-image:before{height:100%;opacity:1;visibility:visible;width:100%;z-index:1}.project .project-wrapper .project-item:hover .project-image img{transform:scale(1.1)}.project .project-wrapper .project-item:hover .project-content{opacity:1;visibility:visible}.project .project-wrapper .project-item:hover .project-content span:before{width:50%}.project .project-wrapper .project-item:hover .project-content .buttons .t-btn{opacity:1;visibility:visible}}.project .project-wrapper .project-item .project-image{display:block;overflow:hidden}@media (max-width:991px){.project .project-wrapper .project-item .project-image.faded:before{height:100%;width:100%}}.project .project-wrapper .project-item .project-image:before{background-image:url(/img/overlay.png);background-repeat:no-repeat;background-size:cover;content:"";pointer-events:none;position:absolute;transition:all .3s ease-in-out 0s;z-index:1}@media (min-width:992px){.project .project-wrapper .project-item .project-image:before{opacity:0;visibility:hidden}}@media (max-width:991px){.project .project-wrapper .project-item .project-image:before{width:0}}.project .project-wrapper .project-item .project-image img{width:100%}@media (min-width:992px){.project .project-wrapper .project-item .project-image img{height:100%;max-height:289px;max-width:641px;-o-object-fit:cover;object-fit:cover}}@media (max-width:991px){.project .project-wrapper .project-item .project-image img{min-height:236px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}}.project .project-wrapper .project-item .project-content{padding:0 20px;pointer-events:none!important;text-align:center;width:100%;z-index:1}@media (min-width:992px){.project .project-wrapper .project-item .project-content{opacity:0;top:50%;transform:translateY(-50%);visibility:hidden}}@media (max-width:991px){.project .project-wrapper .project-item .project-content{top:13%}}.project .project-wrapper .project-item .project-content span{color:var(--white-color);font-family:var(--main-m);font-size:20px;line-height:24px;position:relative;text-transform:uppercase}.project .project-wrapper .project-item .project-content span:before{background-color:var(--white-color);bottom:-14px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:1}.project .project-wrapper .project-item .project-content .service-text{color:var(--white-color);font-family:var(--main-r);font-size:14px;line-height:25px;margin:45px auto 30px;max-width:458px;text-align:justify;width:100%}@media (max-width:1560px){.project .project-wrapper .project-item .project-content .service-text{margin:23px auto 10px}}@media (max-width:1400px) and (min-width:992px){.project .project-wrapper .project-item .project-content .service-text{font-size:12px;line-height:20px}}@media (max-width:530px){.project .project-wrapper .project-item .project-content .service-text{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:12px;line-height:20px;overflow:hidden}}.project .project-wrapper .project-item .project-content .buttons{pointer-events:all}.project .project-wrapper .project-item .project-content .buttons .t-btn{margin:50px auto auto}@media (min-width:992px){.project .project-wrapper .project-item .project-content .buttons .t-btn{opacity:0;visibility:hidden}.project .project-wrapper .project-item .project-content .buttons .t-btn:hover:first-child{transform:scale(1.1)}}.project .project-wrapper .project-item .project-content .buttons .t-btn.white{margin:15px auto auto}@media (min-width:992px){.project .project-wrapper .project-item .project-content .buttons .t-btn.white:hover{transform:scale(1.1)}}
