.project{padding:80px 120px}.banner{height:300px;background:url(../images/project/banner.jpg) 0% 33% no-repeat padding-box;background-size:cover;color:#FFFFFF}.project-row{padding:0 10px 37px 10px;cursor:pointer}.project-row .img-box{position:relative}.project-row .img-box img{width:100%}.project-row .img-box .img-hover{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#E65500;opacity:0;font-size:24px;color:#ffffff;letter-spacing:0px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;font-family:'Montserrat', sans-serif}.project-row .content-box{padding-top:17px}.project-row .date{padding-bottom:5px;font-size:24px;letter-spacing:0.58px;position:relative;font-family:'Montserrat', sans-serif}.project-row .date::before{display:block;content:'';position:absolute;bottom:0;left:0;height:5px;width:15px;background-color:#E65500;-webkit-transition:width 0.3s;transition:width 0.3s}.project-row .content{padding-right:10px;padding-left:50px;flex:1;font-size:17px;letter-spacing:0.34px}.project-row:hover .img-hover{opacity:0.9}.project-row:hover .date::before{width:100%}@media only screen and (max-width: 1200px){.project{padding:80px 40px}}@media only screen and (max-width: 576px){.project{padding:80px 0}.project-row{padding:0 10px 59px 10px}}
/*# sourceMappingURL=product.css.map */