.projects-section{background:#0f1320 url(/wp-content/themes/smartlight-wp-theme/dist/img/bg-projects.jpg) no-repeat 50% 0;background-size:100% auto;padding-bottom:34px}@media(max-width:767px){.projects-section{background-size:auto auto}}.projects-content{color:#fff;margin:30px 0}.projects-filter{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(245,249,254,.102);border-top:1px solid rgba(245,249,254,.102);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;padding:12px 0}@media(max-width:767px){.projects-filter{margin-left:-20px;margin-right:-20px}}.projects-filter__categories{display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:1023px){.projects-filter__categories{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}}@media(max-width:767px){.projects-filter__categories{-ms-flex-wrap:wrap;flex-wrap:wrap}.projects-filter__category{padding:0 10px}}.projects-filter__years{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}@media(max-width:1023px){.projects-filter__years{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px;width:100%}}.projects-filter__year{background:transparent;border:none;color:#a7b9cd;cursor:pointer;font-family:Jura,sans-serif;font-size:18px;line-height:1;margin-left:50px;padding:0;text-decoration:none;-webkit-transition:color .3s ease;transition:color .3s ease}.projects-filter__year:first-child{margin-left:0}.projects-filter__year:hover{color:#ff971d}.projects-filter__year._active{color:#ff971d;font-size:24px}@media(max-width:1279px){.projects-filter__year{margin-left:20px}}.projects-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;margin-bottom:37px;margin-top:24px}@media(max-width:1023px){.projects-list{grid-template-columns:1fr 1fr 1fr}}@media(max-width:767px){.projects-list{grid-template-columns:1fr 1fr;margin-left:-20px;margin-right:-20px}}.projects-list__cell:nth-child(2),.projects-list__cell:nth-child(6),.projects-list__cell:nth-child(10),.projects-list__cell:nth-child(11),.projects-list__cell:nth-child(20),.projects-list__cell:nth-child(24){grid-column:span 2;grid-row:span 2}@media(max-width:1023px){.projects-list__cell:nth-child(2),.projects-list__cell:nth-child(6),.projects-list__cell:nth-child(10),.projects-list__cell:nth-child(11),.projects-list__cell:nth-child(20),.projects-list__cell:nth-child(24){grid-column:span 1;grid-row:span 1}}.projects-item{display:block;overflow:hidden;position:relative;text-decoration:none}.projects-item:hover .projects-item__magnify{opacity:1}.projects-item:hover .projects-item__image{opacity:.6;-webkit-transform:scale(1.1) translate(-50%,-50%);transform:scale(1.1) translate(-50%,-50%)}.projects-item:before{content:"";display:block;padding-bottom:80%;-webkit-transition-delay:.03s;transition-delay:.03s;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.projects-item__image{display:block;height:auto;left:50%;min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transition:1s ease-out;transition:1s ease-out;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;width:auto}.projects-item__magnify{left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.5s ease-out;transition:.5s ease-out;-webkit-transition-property:opacity;transition-property:opacity}.projects-item__tags{display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;right:5px;top:5px}.projects-item__tag{background-color:rgba(0,0,0,.6);border:none;border-radius:50%;color:#a7b9cd;cursor:pointer;height:32px;line-height:32px;margin-left:3px;padding:0;text-align:center;width:32px}.projects-item__tag svg{height:16px;width:16px}.projects-item__tag:hover{background-color:#000}