.so-widget-project-boxes { display:flex; flex-wrap:wrap; justify-content:space-around; margin:-45px; text-align:center; }

.so-widget-project-boxes .project { padding:45px; width:480px; }

.so-widget-project-boxes .project a { box-shadow:0 0 18px 0 rgba(0, 0, 0, 0.15); display:block; padding:30px 30px 90px; position:relative; text-decoration:none; transition:transform 0.6s; }
.so-widget-project-boxes .project a:hover { transform:scale(1.05); }

.so-widget-project-boxes .logo { display:flex; align-items:center; margin-bottom:30px; }
.so-widget-project-boxes .logo img { display:block; margin:0 auto; }

.so-widget-project-boxes .capacity { color:#10367A; }
.so-widget-project-boxes .capacity .number { font-size:30px; font-weight:700; }

.so-widget-project-boxes .location { color:#333; font-size:14px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; }

.so-widget-project-boxes .view { background-color:#10367A; color:#fff; font-size:14px; font-weight:700; letter-spacing:0.1em; line-height:60px; overflow:hidden; padding:0 15px; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; position:absolute; bottom:0; left:0; width:100%; transition:background-color 0.6s; }

.so-widget-project-boxes .project a:hover .view { background-color:#FE5716; }