.side--offcanvas{position:fixed;top:0;width:var(--width,360px);height:100vh;background-color:#f8f9fa;box-shadow:2px 0 10px rgba(0,0,0,.3);transition:all 0.3s;overflow-y:auto;z-index:99}.side--offcanvas li{list-style:none}.side--off-btn svg,.side--offcanvas svg{width:1em;height:1em}.side--offcanvas.offcanvas-left{left:calc(-1 * var(--width, 360px))}.side--offcanvas.offcanvas-right{right:calc(-1 * var(--width, 360px))}.side--offcanvas.offcanvas-left.show{left:0!important}.side--offcanvas.offcanvas-right.show{right:0!important}.side--off-inner{padding:30px}.side--off-logo{padding-bottom:40px}.side--off-desc{padding-bottom:50px}.side--off-title{padding-bottom:20px}.side--off-gallery{padding-bottom:50px}.side--off-gallery .items{gap:10px;display:grid;grid-template-columns:repeat(3,1fr)}.side--off-gallery .item{position:relative;overflow:hidden}.side--off-gallery .item img{width:100%;height:100%;object-fit:cover}.side--off-gallery .item a{display:block}.side--off-gallery .item a:hover span{opacity:1;visibility:visible}.side--off-gallery .item span{color:var(--white);position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;opacity:0;visibility:hidden;display:flex;align-items:center;justify-content:center;transition:all 0.3s;background:rgba(0,0,0,.4)}.side--off-media ul{display:flex;align-items:center}.side--off-media li a{display:block;font-size:20px;padding:0 10px}.side--off-media li a:hover{fill:var(--primary);color:var(--primary)}.side--off-open{cursor:pointer;transition:all 0.3s}.side--off-close{position:absolute;top:15px;right:15px;font-size:16px;padding:0 10px;z-index:2;cursor:pointer;transition:all 0.3s}