.clients{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem;padding-left:0}.clients__container .filters{list-style:none;padding:1rem 0;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:0}@media (min-width:768px){.clients__container .filters{display:block}}.clients__container .filters--bottom{margin-top:0;padding-top:0}.clients__container .filters button{padding:.8rem 2rem;font-size:1.4rem;cursor:pointer;text-transform:uppercase;letter-spacing:.2em;color:grey;font-weight:300;white-space:nowrap;display:block;border:1px solid transparent;background:0 0}@media (min-width:768px){.clients__container .filters button{display:inline}}.clients__container .filters button:hover{color:#a6a6a6!important;background:0 0}.clients__container .filters button.is-checked{color:#ccc;border:1px solid #ccc}.clients__container .filters button.reset{border:none}.clients__item{overflow:hidden;position:relative;margin:.8rem 1rem;cursor:pointer;width:calc(100% - 2rem)}@media (min-width:576px){.clients__item{width:calc(50% - 2rem)}}@media (min-width:1300px){.clients__item{width:calc(33.3333333333% - 2rem)}}.clients__item::before{display:none!important}.clients__item figure{position:relative;margin:0;display:flex;flex-direction:column;height:320px}@media (max-width:575.98px){.clients__item figure{max-width:320px;margin:0 auto}}.clients__item figure::before{width:100%;height:30%;position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.75));left:0;bottom:0;content:"";z-index:200}.clients__item figure img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top}.clients__item figure figcaption{padding:2rem;font-size:1.4rem;line-height:1.5;text-align:center;opacity:0;cursor:default;z-index:0;height:260px;overflow-y:auto;color:#fff}.clients__item figure figcaption::-webkit-scrollbar{width:8px}.clients__item figure figcaption::-webkit-scrollbar-track{background:#000}.clients__item figure figcaption::-webkit-scrollbar-thumb{background-color:#fff;border-radius:0;border:3px solid #000}.clients__item figure::after{content:"";background:#000;position:absolute;width:100%;height:100%;left:0;top:0;opacity:0}.clients__item:hover figure:after{opacity:.5}.clients__item:hover figure img{filter:grayscale(1)}.clients__item:hover figcaption{opacity:1;z-index:2000}.clients .title{font-size:1.8rem;font-weight:700;text-align:center;margin-top:1rem;position:absolute;bottom:1.2rem;left:50%;transform:translateX(-50%);width:100%;z-index:300;padding:.5rem;color:#fff;font-family:Lato,Arial,sans-serif;letter-spacing:.1rem}