.photo-grid[data-v-f9929978]{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.photo-demo[data-v-f9929978]{position:relative}.photo-inner[data-v-f9929978]{position:relative;padding-bottom:100%;overflow:hidden;cursor:pointer;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.photo-inner[data-v-f9929978]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.photo-demo img[data-v-f9929978]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.overlay[data-v-f9929978]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:left;opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.photo-inner:hover .overlay[data-v-f9929978]{opacity:1}.overlay span[data-v-f9929978]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;color:#fff;font-size:1rem}.products-container[data-v-4e6b5136]{width:80%;margin-left:10%;text-align:center;background-color:#f2f6fc}.products-div[data-v-4e6b5136]{display:-webkit-box;display:-ms-flexbox;display:flex}.menu-products[data-v-4e6b5136]{width:15%;min-height:100%;text-align:center;background-color:rgba(200,200,255,.6)}.submenu-products[data-v-4e6b5136]{font-size:2rem;font-weight:700;margin-top:3rem}.submenu-products button[data-v-4e6b5136]{margin:1rem auto auto;width:100%;height:3rem}.selected[data-v-4e6b5136]{color:#00f;font-weight:700}.products-img[data-v-4e6b5136]{width:80%;margin-left:3rem;margin-top:1.5rem}.photo-gallery[data-v-4e6b5136]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:#6fcf97}.photo[data-v-4e6b5136]{width:calc(25% - 10px);margin-bottom:.5rem;margin-left:.5rem;text-align:center;position:relative;display:inline-block}.photo img[data-v-4e6b5136]{width:100%;height:18rem}.photo p[data-v-4e6b5136]{margin-top:10px;font-size:2rem}.text-overlay[data-v-4e6b5136]{position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);color:#fff;padding:5px;display:none}.photo:hover .text-overlay[data-v-4e6b5136]{display:block}