.staff__filter{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:50px -20px -20px 0;width:calc(100% + 20px)}
.staff__filter--teaching{margin:20px -20px -20px 0;display:none}
.staff__filter--teaching.active{display:-webkit-box;display:-ms-flexbox;display:flex}
.staff__filter__item{background-color:rgba(210, 217, 226, 0.3);border-radius:5px;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;margin:0 20px 20px 0;line-height:25px;text-decoration:none;font-weight:500;text-align:center;padding:15px;font-size:1.125em;color:rgba(255, 255, 255, 0.5);-webkit-transition:background-color 350ms ease, color 350ms ease;-o-transition:background-color 350ms ease, color 350ms ease;transition:background-color 350ms ease, color 350ms ease}
.staff__filter--teaching .staff__filter__item{padding:5px 15px}
.staff__filter__item.active,.staff__filter__item:hover{background-color:#A6192E;color:#fff}
.staff__status{color:#fff;margin:50px 0 0;font-family:"Crimson Pro", serif;font-size:1.5em;font-weight:500;letter-spacing:0.02em;text-align:center}
.staff__list{margin:50px -25px -25px 0;width:calc(100% + 50px);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.staff__item{position:relative;width:calc(100% - 25px);margin:0 25px 25px 0;display:none}
.staff__item:before{display:block;content:"";width:100%;padding-top:170%}
.staff__item.active{display:block}
.staff__item__inner{overflow:hidden;background-color:#000}
.staff__item[data-popup=Yes] 
.staff__item__inner{cursor:pointer}
.staff__item__inner:before{content:'';position:absolute;bottom:0;left:0;right:0;height:5px;background-color:#A6192E;z-index:2;-webkit-transition:height 350ms ease;-o-transition:height 350ms ease;transition:height 350ms ease}
.staff__item__inner:after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;z-index:1;
    background:-webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0)));background:-webkit-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));background:-o-linear-gradient(bottom, #000, rgba(0, 0, 0, 0));background:linear-gradient(to top, #000, rgba(0, 0, 0, 0))
}
.staff__item__inner:hover:before{height:10px}
.staff__item__inner:hover .staff__item__img{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:0.8}
.staff__item__inner:hover .staff__item__img:not([data-lazy=""]){opacity:0.2}
.staff__item__inner:hover .staff__item__info{-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}.staff__item__inner:hover .staff__item__hover{opacity:1}
.staff__item__inner:hover .staff__item__more__circle circle{-webkit-transition:stroke-dashoffset 500ms linear, stroke 350ms ease;-o-transition:stroke-dashoffset 500ms linear, stroke 350ms ease;transition:stroke-dashoffset 500ms linear, stroke 350ms ease;stroke-dashoffset:0}
.staff__item__img{z-index:0;opacity:1;-webkit-transition:opacity 350ms ease, -webkit-transform 350ms ease;transition:opacity 350ms ease, -webkit-transform 350ms ease;-o-transition:transform 350ms ease, opacity 350ms ease;transition:transform 350ms ease, opacity 350ms ease;transition:transform 350ms ease, opacity 350ms ease, -webkit-transform 350ms ease;}
.staff__item__info{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:0 15px 15px;text-align:center;-webkit-transition:-webkit-transform 350ms ease;transition:-webkit-transform 350ms ease;-o-transition:transform 350ms ease;transition:transform 350ms ease;transition:transform 350ms ease, -webkit-transform 350ms ease}
.staff__item__info h3{color:#fff;margin:0 0 5px;font-weight:600;font-size:1.5em;letter-spacing:0.02em}
.staff__item__info span{color:rgba(255, 255, 255, 0.7);display:block;letter-spacing:0.02em;font-size:0.875em}
.staff__item__hover{position:absolute;top:100%;left:0;right:0;padding:0 5vw;opacity:0;-webkit-transition:opacity 350ms ease;-o-transition:opacity 350ms ease;transition:opacity 350ms ease}
.staff__item__more{display:inline-block;vertical-align:top;position:relative;width:40px;height:40px;border:1px rgba(255, 255, 255, 0.2) solid;border-radius:50%;margin-left:25px;-webkit-transition:border-color 350ms ease;-o-transition:border-color 350ms ease;transition:border-color 350ms ease}
.staff__item__more__circle{position:absolute;top:-1px;right:-1px;width:41px;height:41px;z-index:1}
.staff__item__more__circle circle{stroke:#A6192E;stroke-width:2px;stroke-dasharray:125;stroke-dashoffset:125;fill:none;-webkit-transition:stroke 350ms ease;-o-transition:stroke 350ms ease;transition:stroke 350ms ease}
.staff__item__more__arrow{position:absolute;top:50%;right:15px;width:50px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:2}
.staff__item__more__arrow line,.staff__item__more__arrow path{fill:none;stroke:rgba(255, 255, 255, 0.5);stroke-width:2px;-webkit-transition:stroke 350ms ease;-o-transition:stroke 350ms ease;transition:stroke 350ms ease}

@media (min-width:550px)
{.staff__item{width:calc(50% - 25px)}}

@media (min-width:769px)
{.staff__item{width:calc(33.3333% - 25px)}}

@media (min-width:769px)

{.staff__item{width:calc(25% - 25px)}}