@keyframes rotating{100%{transform:rotate(360deg)}}.filter-container{display:flex;flex-wrap:wrap;margin:0 -1rem 0 -1rem;margin-bottom:clamp(2rem, 3.821656051vw, 6rem)}.filter-container .filter-box{padding:0 1rem 2rem 1rem}.filter-item{display:inline-block;padding:.8rem clamp(2rem, 2.5477707006vw, 4rem);border-radius:.8rem;background:#fff;color:#012236;text-decoration:none;border:2px solid #dedede}.filter-item.active{background:#012236;color:#fff;border-color:#012236}.filter-item:focus,.filter-item:hover{color:#fff;text-decoration:none;background:#012236;border-color:#012236}.reference-container{display:grid;grid-gap:3rem;grid-template-columns:repeat(1, 1fr)}@media(min-width: 575px){.reference-container{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 992px){.reference-container{grid-template-columns:repeat(3, 1fr)}}.reference-item{color:#434343;text-decoration:none;transition:300ms;border-radius:.8rem;display:flex;flex-direction:column}.reference-item-image{position:relative;overflow:hidden;border-radius:.8rem .8rem 0 0;flex-grow:0;flex-shrink:0}.reference-item-image:after{content:"";width:100%;display:block;padding-top:66.5%}.reference-item img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;z-index:11;transition:300ms}.reference-item-labels{position:absolute;top:1rem;right:1rem;display:flex;flex-wrap:wrap;z-index:22}.reference-item .label-item{background:rgba(1,34,54,.8);color:#fff;display:inline-block;padding:.5rem 1rem;border-radius:.4rem}.reference-item-content{padding:2.4rem 3rem;border:2px solid #dedede;border-top:none;border-radius:0 0 .8rem .8rem;transition:300ms;flex-grow:1}.reference-item h2{margin:0 0 0 0;transition:300ms;letter-spacing:0rem}.reference-item:focus,.reference-item:hover{box-shadow:0 0 30px rgba(0,0,0,.1);text-decoration:none;color:#434343;border-color:#fff}.reference-item:focus .reference-item-content,.reference-item:hover .reference-item-content{border-color:#fff}.reference-item:focus h2,.reference-item:hover h2{color:#1581c1}