#staff-box-item{position:relative;text-align:center;margin-top:20px;padding:20px 0}
#grid-staff{margin:10px -20px;padding:10px 0;max-width:1280px;display:flex;justify-content:center;flex-wrap:wrap}
.view-staff{width:316px;height:216px;margin:25px 40px;display:inline-block;vertical-align:top;text-align:left;position:relative;border:8px solid rgba(1,60,120,0.7);box-shadow:1px 1px 2px 1px rgba(0,0,0,0.07);background:#333;-webkit-perspective:500px;-moz-perspective:500px;-o-perspective:500px;-ms-perspective:500px;perspective:500px}
.view-staff .slice{background-size:500% auto;width:60px;height:100%;z-index:100;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-o-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transition:-webkit-transform 150ms ease-in-out;-moz-transition:-moz-transform 150ms ease-in-out;-o-transition:-o-transform 150ms ease-in-out;-ms-transition:-ms-transform 150ms ease-in-out;transition:transform 150ms ease-in-out}
.view-staff div.view-staff-back{width:40px;height:100%;position:absolute;right:0;z-index:0;display:inline-flex;flex-direction:column;align-items:center}
.view-staff.sbslinks-on-top div.view-staff-back{z-index:999}
.view-staff-name{background:rgba(1,60,120,0.7);color:#fff;margin:-25px 0 0 -20px;position:absolute;width:90%;z-index:999}
.view-staff h3{padding:3px 7px 0;margin:0}
.view-staff p{font-style:italic;padding:0 7px;margin:0}
.view-staff-back a{clear:both;display:flex;font-size:17px;color:rgba(255,255,255,0.4);margin:5px 9px 1px;border:2px solid #555;border-radius:50%;width:30px;height:30px;text-align:center;font-weight:100;transition:all 1s;align-items:center;justify-content:center;background-color:rgba(0,0,0,0.3);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
#staff-box-item .view-staff-back a:before{color:rgba(255,255,255,0.4);transition:all 1s}
.view-staff-back a.profile-link{position:absolute;bottom:5px;font-size:23px}
.view-staff-back a:hover{background-color:rgba(0,0,0,0.7)}
.view-staff-back a:hover,#staff-box-item .view-staff-back a:hover:before{color:#fff;border-color:#fff}
.view-staff .s2,.view-staff .s3,.view-staff .s4,.view-staff .s5{-webkit-transform:translate3d(60px,0,0);-moz-transform:translate3d(60px,0,0);-o-transform:translate3d(60px,0,0);-ms-transform:translate3d(60px,0,0);transform:translate3d(60px,0,0)}
.view-staff .s1{background-position:0 0}
.view-staff .s2{background-position:-60px 0}
.view-staff .s3{background-position:-120px 0}
.view-staff .s4{background-position:-180px 0}
.view-staff .s5{background-position:-240px 0}
.view-staff .overlay{width:60px;height:100%;opacity:0;position:absolute;-webkit-transition:opacity 150ms ease-in-out;-moz-transition:opacity 150ms ease-in-out;-o-transition:opacity 150ms ease-in-out;-ms-transition:opacity 150ms ease-in-out;transition:opacity 150ms ease-in-out}
.view-staff:hover .overlay{opacity:1}
.view-staff img{position:absolute;z-index:0;-webkit-transition:left .3s ease-in-out;-o-transition:left .3s ease-in-out;-moz-transition:left .3s ease-in-out;-ms-transition:left .3s ease-in-out;transition:left .3s ease-in-out}
.view-staff:hover .s2{-webkit-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg);-moz-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg);-o-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg);-ms-transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg);transform:translate3d(59px,0,0) rotate3d(0,1,0,-45deg)}
.view-staff:hover .s3,.view-staff:hover .s5{-webkit-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg);-moz-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg);-o-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg);-ms-transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg);transform:translate3d(59px,0,0) rotate3d(0,1,0,90deg)}
.view-staff:hover .s4{-webkit-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg);-moz-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg);-o-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg);-ms-transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg);transform:translate3d(59px,0,0) rotate3d(0,1,0,-90deg)}
.view-staff .s1 > .overlay{background:-moz-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(right,rgba(0,0,0,0.05) 0%,rgba(0,0,0,0) 100%)}
.view-staff .s2 > .overlay{background:-moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%);background:linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 100%)}
.view-staff .s3 > .overlay{background:-moz-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:-webkit-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:-o-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:-ms-linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%);background:linear-gradient(right,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.2) 100%)}
.view-staff .s4 > .overlay{background:-moz-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(left,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%)}
.view-staff .s5 > .overlay{background:-moz-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(left,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%)}