.shop-by-project{display:block;padding:96px 0 48px}.shop-project-wrp{max-width:1440px;width:100%;padding:0 80px;margin:0 auto}.shop-project-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:30px}.shop-project-title h2{color:#333;font-family:Circular Std;font-size:38px;font-weight:700;line-height:1.71}.shop-project-row{display:flex;flex-wrap:wrap;margin:0 -10px}.shop-project-item{width:33.33%;padding:0 10px}.project-item-inner{display:block;border-radius:10px;border:1px solid #EEE}.project-inner-image{position:relative;padding-top:92.2%;overflow:hidden;border-radius:10px 10px 0 0}.project-inner-image img{position:absolute;top:0;left:0;object-fit:cover;width:100%;height:100%;border-radius:10px 10px 0 0;transition:all .3s ease-in-out}.project-inner-image .button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin-top:50px;transition:all .3s ease-in-out;opacity:0}.shop-project-item:hover .button{margin:0;opacity:1}.shop-project-item:hover .project-inner-image img{transform:scale(1.1)}.project-inner-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:18px 20px 18px 18px}.project-inner-content h4{color:#333;font-size:18px;font-weight:500;text-transform:uppercase}.project-inner-content span svg{width:17px;height:12px}.project-inner-content span{display:flex}.template-index .cstm-categorylist{padding:0 0 18px}.template-index .shop-by-project{padding-bottom:0}.template-index .shop-project-row+.button{display:none}@media screen and (max-width: 1200px){.shop-project-wrp{padding:0 20px}}@media screen and (min-width: 990px){.shop-project-row+.button{display:none}}@media screen and (max-width: 989px){.shop-project-title h2{font-size:28px}.shop-project-title{justify-content:center}.shop-project-title .button{display:none}.shop-project-wrp{text-align:center}.shop-project-wrp .button{margin-top:35px}.project-inner-content h4{font-size:14px}.project-inner-content span svg{width:15px}}@media screen and (max-width: 749px){.shop-project-item{width:100%;padding:0 10px 20px}.shop-by-project{padding:25px 0}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/shop-by-project.css.map */