.project-box{height:420px;overflow:hidden;padding:20px 25px;position:relative}.project-box .front h2{color:#fff;margin:0;opacity:1;position:relative;-webkit-transition:all .35s linear;-o-transition:all .35s linear;transition:all .35s linear}.project-box-wrap.expand .project-box .front h2{opacity:0}.project-box.style-one .front h2:before{background:#fff;bottom:.55em;content:"";height:5px;left:0;position:absolute;-webkit-transform:translate(-90%,-50%);-ms-transform:translate(-90%,-50%);transform:translate(-90%,-50%);width:30px}.project-box.style-one .content{left:0;-webkit-transform:translateX(-150%);-ms-transform:translateX(-150%);transform:translateX(-150%)}.project-box.style-two{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;text-align:right}.project-box.style-two .front h2:after{background:#fff;bottom:.45em;content:"";height:5px;position:absolute;right:0;-webkit-transform:translate(90%,-50%);-ms-transform:translate(90%,-50%);transform:translate(90%,-50%);width:30px}.project-box.style-two .content{right:0;-webkit-transform:translateX(150%);-ms-transform:translateX(150%);transform:translateX(150%)}.project-box .content{background:hsla(0,0%,100%,.65);bottom:0;position:absolute;text-align:left;top:0;-webkit-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out;width:205px}.project-box .content>div{padding:35px 15px;position:relative}.project-box .content .pin{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute}.project-box.style-one .content .pin{right:-55px;top:25px}.project-box.style-two .content .pin{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;bottom:25px;-ms-flex-direction:row-reverse;flex-direction:row-reverse;left:-55px}.project-box .content .pin span{background:#fff;height:5px;margin:10px 0;width:30px}.project-box .content .pin img{border-radius:50%;cursor:pointer;height:25px;width:25px}.project-box-wrap.expand .project-box .content{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0)}.project-box .content h3{font-family:Nunito,sans-serif;font-weight:900}.project-box-wrap .project-box-button{padding:20px;text-align:center}@media (max-width:767px){.project-box{height:350px}}