.main-projects__filter{text-align:center}.main-projects__filter-item{display:inline-block;cursor:pointer;padding:6px 12px;background:white;color:#88584c}.main-projects__filter-item_active{background:#88584c;color:white}.main-projects__items{display:grid;grid-gap:15px;grid-template-columns:1fr;margin-bottom:30px}.main-projects__item{position:relative;overflow:hidden}.main-projects__item:hover .main-projects__img{transform:scale(1.1)}.main-projects__item:hover .main-projects__bg{background-color:rgba(0,0,0,0.5)}.main-projects__item:hover .main-projects__detail{transform:translate(0,-50%);opacity:1}.main-projects__item-wrap{display:block}.main-projects__bg{top:0;transition:all ease .3s;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0);position:absolute;z-index:1}.main-projects__img{object-fit:cover;vertical-align:bottom;transition:all ease .3s;width:100%;max-height:350px}.main-projects__title-wrap{text-align:center;position:absolute;bottom:0;background:rgba(0,0,0,0.7);width:100%;color:white;padding:10px 0;z-index:2}.main-projects__title{color:white;margin:0 0 5px;padding:0;font-weight:400;font-size:20px}.main-projects__detail{position:absolute;top:50%;width:100%;text-align:center;color:white;text-transform:uppercase;font-weight:700;font-size:16px;transform:translate(0,0);text-shadow:1px 1px 1px rgba(0,0,0,0.2);opacity:0;transition:all ease .3s;z-index:2}@media all and (min-width:768px){.main-projects__items{grid-template-columns:1fr 1fr}.main-projects__items_items2-not-fill .main-projects__item:first-child{grid-column:span 2}}@media all and (min-width:992px){.main-projects__items{grid-template-columns:repeat(6,1fr)}.main-projects__items_items3-not-fill2 .main-projects__item:nth-child(1),.main-projects__items_items3-not-fill2 .main-projects__item:nth-child(2){grid-column:span 3}.main-projects__items_items3-not-fill1 .main-projects__item:nth-child(1),.main-projects__items_items3-not-fill1 .main-projects__item:nth-child(2),.main-projects__items_items3-not-fill1 .main-projects__item:nth-child(3),.main-projects__items_items3-not-fill1 .main-projects__item:nth-child(4){grid-column:span 3}.main-projects__item{grid-column:span 2}}.main-projects__items_one{display:block;max-width:550px;margin-left:auto;margin-right:auto}.mpbb{margin-bottom:10px}.main-projects-leave-active{position:absolute}.main-projects-leave,.main-projects-enter-to{transform:scale(1,1);opacity:1;transition:all ease-in-out .4s}.main-projects-leave-to,.main-projects-enter{transform:scale(0.5);opacity:0;transition:all ease-in-out .4s}.main-projects-move{transition:all ease-in-out .4s}