*{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;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:calc(33.33333% - 30px)}.card svg{fill:#63cc4d;bottom:-10px;height:40px;padding-right:.5rem;position:relative;width:auto}.card a:hover{text-decoration:none}@media screen and (max-width:991px){.card{width:calc(50% - 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{cursor:pointer;position:relative;text-align:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%}.card_inner:after{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.card_inner img{border-radius:50%;filter:gray;-webkit-filter:grayscale(1);max-width:300px;-webkit-transition:all .8s ease-in-out;width:100%}.card_inner img:hover{filter:none;-webkit-filter:grayscale(0)}.card_expander{background-color:#f8f8f8;position:relative;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;width:100%}.card.is-collapsed .card_inner:after{content:"";opacity:0}.card.is-collapsed .card_expander{margin-top:0;max-height:0;min-height:0;opacity:0;overflow:hidden}.card.is-expanded .card_inner img{filter:none;-webkit-filter:grayscale(0)}.card.is-expanded .card_inner:after{border-bottom:15px solid #333a45;border-left:15px solid transparent;border-right:15px solid transparent;bottom:-30px;content:"";display:block;height:0;left:calc(50% - 15px);opacity:1;position:absolute;width:0}.card.is-expanded .card_inner .fa:before{content:"\f115"}.card.is-expanded .card_expander{margin-top:30px;min-height:200px;opacity:1;overflow:visible;padding:2em}.card.is-expanded:hover .card_inner{-webkit-transform:scale(1);transform:scale(1)}.card.is-inactive .card_inner{opacity:.5;pointer-events:none}.card.is-inactive:hover .card_inner{-webkit-transform:scale(1);transform:scale(1)}@media screen and (min-width:992px){.card:nth-of-type(3n+2) .card_expander{margin-left:calc(-100% - 30px)}.card:nth-of-type(3n+3) .card_expander{margin-left:calc(-200% - 60px)}.card:nth-of-type(3n+4){clear:left}.card_expander{width:calc(300% + 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)}}