.portfolio{--portfolio--gap:30px}.portfolio::after{content:"";display:block;width:100%;clear:both}.portfolio img{max-width:100%;height:auto;margin-right:auto;margin-left:auto}.portfolio .portfolio__works{margin-top:calc(-1 * var(--portfolio--gap));margin-left:calc(-1 * var(--portfolio--gap))}.portfolio .portfolio__works-item__inner{position:relative;border-radius:22px;overflow:hidden}.portfolio .portfolio__works-item{position:relative;width:33.333%;float:left;margin:0;padding-left:var(--portfolio--gap);padding-top:var(--portfolio--gap)}.portfolio .portfolio__works--columns-1 .portfolio__works-item{width:100%}.portfolio .portfolio__works--columns-2 .portfolio__works-item{width:50%}.portfolio .portfolio__works--columns-3 .portfolio__works-item{width:33.33333%}.portfolio .portfolio__works--columns-4 .portfolio__works-item{width:25%}.portfolio .portfolio__works--columns-5 .portfolio__works-item{width:20%}@media(max-width:1390.98px){.portfolio .portfolio__works--columns-5 .portfolio__works-item{width:25%}}@media(max-width:1080.98px){.portfolio .portfolio__works--columns-5 .portfolio__works-item{width:33.33333%}.portfolio .portfolio__works--columns-4 .portfolio__works-item{width:33.33333%}.portfolio .portfolio__works--columns-3 .portfolio__works-item{width:50%}}@media(max-width:780.98px){.portfolio .portfolio__works--columns-4 .portfolio__works-item{width:50%}.portfolio .portfolio__works--columns-3 .portfolio__works-item{width:100%}.portfolio .portfolio__works--columns-2 .portfolio__works-item{width:100%}}.portfolio .portfolio__works-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto}.portfolio .portfolio__works-item-overlay>a{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;right:0;bottom:0;padding:30px;opacity:0;color:#fff;background-color:var(--theme__global-colors--brand);-webkit-transition:.2s opacity;transition:.2s opacity}.portfolio .portfolio__works-item-overlay>a:hover,.portfolio .portfolio__works-item-overlay>a:focus{opacity:1}.portfolio .portfolio__works-item-overlay>a span{color:inherit;margin:0}.portfolio .portfolio__filters{margin-bottom:20px;margin-left:-19px}.portfolio .portfolio__filters button{border:0;-webkit-box-shadow:none;box-shadow:none;background:0;color:#000}.portfolio .portfolio__filters .portfolio__filters-item:hover,.portfolio .portfolio__filters .portfolio__filters-item:focus,.portfolio .portfolio__filters .portfolio__filters-item--active{color:var(--theme__global-colors--brand)}