.app-gallery,.nav-categories{position:relative;width:100%}*,body,nav,ul{margin:0;padding:0;box-sizing:border-box}body{width:100%}li,ul{list-style:none}a{text-decoration:none}.app-gallery{display:block;padding:40px}.nav-categories{top:0;left:0;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;padding:20px 0;z-index:1200}.nav-categories .menu-gallery-dropdown{padding:10px 30px;font-size:12px;font-weight:800;text-align:center;text-transform:uppercase;color:#217ae0;background-color:#fff;cursor:pointer;border:2px solid #217ae0;border-radius:4px;transition:background-color .25s ease-out;z-index:2000}.nav-categories .menu-gallery-dropdown:hover{color:#fff;border:2px solid transparent;background-color:#217ae0}.nav-categories .menu-gallery-dropdown:hover .bars{color:#fff}.nav-categories .menu-gallery-dropdown .bars{color:#217ae0;margin-left:10px}.nav-categories .menu{position:absolute;top:20px;left:130px;display:flex;flex-flow:column;justify-content:space-around;align-items:center;width:200px;max-height:0;padding:0;background-color:#fff;border:1px solid transparent;border-top:1px solid transparent;border-radius:4px;overflow:hidden;transition:max-height .5s ease-in-out}.nav-categories .menu.open{max-height:1200px;border:1px solid #ccc}.nav-categories .menu .menu-item{width:100%;margin:5px 0}.nav-categories .menu .menu-item .menu-link{display:block;width:100%;padding:10px 0;text-align:center;text-transform:uppercase;font-size:14px;transition:background-color .2s ease-out}.nav-categories .menu .menu-item .menu-link:hover{background-color:#217ae0}.gallery{position:relative;display:flex;flex-flow:row wrap;justify-content:space-around;align-items:center;width:100%;opacity:0;padding:110px 40px 40px;border:1px solid #ccc;border-radius:4px;box-shadow:1px 1px 2px #ccc;transition:opacity .5s ease-in-out;box-sizing:border-box}.gallery .gallery-title{position:absolute;top:20px;width:100%;text-align:center;text-transform:capitalize;color:rgb(45,57,80);font-size:56px;font-weight:600;}.gallery .loader-container{position:absolute;top:0;left:0;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;height:100%}.gallery .loader-container .loader{font-size:50px;color:#777}.gallery .gallery-item{position:relative;flex-shrink:0;width:300px;height:300px;border:10px solid #fafafa;border-radius:4px;box-shadow:0 0 2px #777;cursor:pointer;overflow:hidden;margin:20px}.gallery .gallery-item .gallery-content{position:absolute;display:flex;flex-flow:column;justify-content:center;align-items:center;width:100%;padding:20px;background-color:#fafafa;z-index:1000;transition:transform .3s ease-in-out}.gallery .gallery-item .gallery-content p{font-size:14px;color:#333;font-weight:800;padding:5px 0;text-align:center}.gallery .gallery-item .gallery-content .gallery-show-link{text-align:center;margin-top:10px;padding:5px 20px;font-size:12px;font-weight:800;line-height:20px;text-transform:uppercase;color:#217ae0;cursor:pointer;border:2px solid #217ae0;border-radius:4px;transition:background-color .25s ease-out}.gallery .gallery-item .gallery-content .gallery-show-link:hover{color:#fff;border:2px solid transparent;background-color:#217ae0}.gallery .gallery-item .gallery-image-container .inner-shadow{position:absolute;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity .2s ease-out}.gallery .gallery-item .gallery-image-container {display:flex;align-items:center;height:100%;}.gallery .gallery-item .gallery-image-container .gallery-image{display:block;width:105%;border-radius:4px;transition:transform .2s ease-out}.gallery .gallery-item:hover .gallery-image-container .inner-shadow{opacity:.5}.product-inner{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);z-index:3000}.product-inner .product-container{position:relative;width:40vw;padding:60px;background-color:#fafafa;box-sizing:border-box;overflow:hidden;border:1px solid #ccc;border-radius:4px}.product-inner .product-container .product-close-link{position:absolute;top:20px;right:20px}.product-inner .product-container .product-close-link .product-close-link-icon{font-size:20px;color:#777}.product-inner .product-container .product-image{display:block;width:100%;box-sizing:border-box}@media screen and (max-width:800px){.product-inner .product-container{width:70vw}}@media screen and (max-width:500px){.app-gallery{padding:20px 10px}.product-inner .product-container{width:80vw;padding:40px 10px 10px}.product-inner .product-container .product-close-link{top:10px;right:10px}.nav-categories .menu{top:60px;left:0}.gallery{padding:40px 0}.gallery .gallery-item{width:90%;height:100%;margin:20px 0}.gallery .gallery-title{margin:0;top:15px;font-size:25px;}}