.images-list{display:grid;align-items:center;grid-auto-flow:column}.images img{cursor:pointer;transition:.3s all ease}.g-modal{position:fixed;height:100%;width:100%;top:0;left:0;background-color:#000000b3;color:#fff;z-index:999999;overflow:auto;opacity:0;pointer-events:none;transition:all .4s}.images{position:relative;cursor:pointer}.images:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;background-color:#000;transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease}.images:after{content:"+";position:absolute;top:50%;left:50%;font-size:40px;opacity:0;transition:all .3s ease;transform:translate(-50%,-50%);color:#fff;display:none}.images svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;visibility:hidden;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s}.images:hover svg{opacity:1;visibility:visible}.images:hover:before{opacity:.6}.images:hover:after{opacity:1}.modalContent{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.modalImg{width:500%;max-width:700px}.modalTxt{margin-top:1em}.close{position:absolute;top:1em;right:1.5em;font-size:1.5em;cursor:pointer;background-color:var(--primary);width:50px;height:50px;text-align:center;line-height:50px}.g-modal.appear{opacity:1;visibility:visible;pointer-events:all}.g-modal.appear .modalImg,.g-modal.appear .modalTxt{animation:zoom .3s linear}.gallery-modal .row{justify-content:center;margin-left:0;margin-right:0}.gallery-modal .container-fluid{padding:0}.gallery-btn{width:50px;height:50px;line-height:53px;background-color:var(--primary);text-align:center;cursor:pointer}.gallery-arrow{position:absolute;top:50%;width:100%;transform:translateY(-50%);display:flex;justify-content:space-between;max-width:1540px}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width: 1199px){.service-image img{height:100%;object-fit:cover}}@media (max-width: 767px){.images-list,.images,.images img{width:100%}.images-list{flex-direction:column}.images{margin:0}}@media (max-width: 480px){.modalImg{max-width:100%;padding:0 15px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/gallery-modal.css.map */