*{box-sizing:border-box}.cards{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-bottom:2em}.card{margin:15px;width:calc((100% / 4) - 30px);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.card a:hover{text-decoration:none}@media screen and (max-width:991px){.card{width:calc((100% / 2) - 30px)}}@media screen and (max-width:767px){.card{width:100%}}.card:hover .card_inner{-webkit-transform:scale(1.05);transform:scale(1.05)}.card_inner{width:100%;position:relative;cursor:pointer;text-align:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.card_inner:after{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card_inner img{max-width:170px;width:100%;border-radius:100%}.card_expander{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;background-color:#f8f8f8;width:100%;position:relative}.card.staff-is-collapsed .card_inner:after{content:"";opacity:0}.card.staff-is-collapsed .card_expander{max-height:0;min-height:0;overflow:hidden;margin-top:0;opacity:0}.card.is-expanded .card_inner img{filter:none;-webkit-filter:grayscale(0)}.card.is-expanded .card_inner:after{content:"";opacity:1;display:block;height:0;width:0;position:absolute;bottom:-30px;left:calc(50% - 15px);border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #34b233}.card.is-expanded .card_inner .fa:before{content:"\f115"}.card.is-expanded .card_expander{min-height:200px;overflow:visible;margin-top:30px;opacity:1;padding:2em}.card.is-expanded:hover .card_inner{-webkit-transform:scale(1);transform:scale(1)}.card.is-inactive .card_inner{pointer-events:none;opacity:.5}.card.is-inactive:hover .card_inner{-webkit-transform:scale(1);transform:scale(1)}@media screen and (min-width:992px){.card:nth-of-type(4n+2) .card_expander{margin-left:calc(-100% - 30px)}.card:nth-of-type(4n+3) .card_expander{margin-left:calc(-200% - 60px)}.card:nth-of-type(4n+4) .card_expander{margin-left:calc(-300% - 90px)}.card:nth-of-type(5n){clear:left}.card_expander{width:calc(400% + 60px)}}@media screen and (min-width:768px) and (max-width:991px){.card:nth-of-type(2n+2) .card_expander{margin-left:calc(-100% - 30px)}.card:nth-of-type(2n+3){clear:left}.card_expander{width:calc(200% + 30px)}}