#staff-box-item{position:relative;text-align:center;margin-top:20px}#grid-staff{width:100%;margin:30px auto;padding:10px 0;max-width:1280px;display:inline-block;overflow:hidden}.view-staff{width:316px;height:216px;margin:15px 3%;display:inline-block;vertical-align:top;text-align:left;position:relative;border:8px solid #fff;box-shadow:1px 1px 2px 1px rgba(0,0,0,.07);background:#333;-webkit-perspective:500px;-moz-perspective:500px;-o-perspective:500px;-ms-perspective:500px;perspective:500px}.view-staff .slice{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 .15s ease-in-out;-moz-transition:-moz-transform .15s ease-in-out;-o-transition:-o-transform .15s ease-in-out;-ms-transition:-ms-transform .15s ease-in-out;transition:transform .15s ease-in-out}.view-staff div.view-staff-back{width:50%;height:100%;position:absolute;right:0;background:#272d35;z-index:0}.view-staff-back span{display:block;float:right;padding:5px 20px 5px;width:100%;text-align:right;font-size:16px;color:rgba(255,255,255,.6)}.view-staff-back span:first-child{padding-top:20px}.view-staff-name{position:absolute;z-index:999;color:#fff;text-shadow:0 1px 0 #141414}.view-staff h3{padding:5px 20px 0;margin:0}.view-staff p{font-style:italic;padding:0 20px;margin:0}#staff-box-item .view-staff-back a:before{color:rgba(255,255,255,.4);transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}.view-staff-back a{clear:both;display:bock;font-size:13px;color:rgba(255,255,255,.4);float:right;margin:7px 15px 1px;border:2px solid rgba(255,255,255,.3);border-radius:50%;width:30px;height:30px;line-height:2;text-align:center;font-weight:100;transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-webkit-transition:all 1s}.view-staff-back a.profile-link{position:absolute;margin:0;right:15px;bottom:15px}.view-staff-back a:hover,#staff-box-item .view-staff-back a:hover:before{color:#fff;border-color:#fff}.view-staff-back span[data-icon]:before{content:attr(data-icon);font-family:'icons';color:#aaa;color:rgba(255,255,255,.2);text-shadow:0 0 1px rgba(255,255,255,.2);padding-right:5px}.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 .15s ease-in-out;-moz-transition:opacity .15s ease-in-out;-o-transition:opacity .15s ease-in-out;-ms-transition:opacity .15s ease-in-out;transition:opacity .15s 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,.05) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(right,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(right,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(right,rgba(0,0,0,.05) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(right,rgba(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,.2) 100%);background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%);background:linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 100%)}.view-staff .s3>.overlay{background:-moz-linear-gradient(right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 100%);background:-webkit-linear-gradient(right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 100%);background:-o-linear-gradient(right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 100%);background:-ms-linear-gradient(right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 100%);background:linear-gradient(right,rgba(0,0,0,.8) 0%,rgba(0,0,0,.2) 100%)}.view-staff .s4>.overlay{background:-moz-linear-gradient(left,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(left,rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%)}.view-staff .s5>.overlay{background:-moz-linear-gradient(left,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%);background:-webkit-linear-gradient(left,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(left,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%);background:-ms-linear-gradient(left,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(left,rgba(0,0,0,.3) 0%,rgba(0,0,0,0) 100%)}