.gmk-lightbox {opacity: 0; background: rgba(0,0,0, 0.75); height: 100vh; width: 100%; z-index: 9999; position: fixed; top: 0px; left: 0px;}
.gmk-lightbox-container {width: 55%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 99999;}
.gmk-lightbox-container.vertical, .gmk-lightbox-container.square {width: auto; height: 60%; text-align: center;}
.gmk-lightbox-close {font-size: 30px; position: fixed; top: 50px; right: 50px; color: #fff; transition: 0.3s ease-in-out;}
.gmk-lightbox-close:hover {cursor: pointer; color: #bf9716; transition: 0.3s ease-in-out; transform: scale(1.2);}
.gmk-lightbox-image {cursor: move; width: 100%; height: auto;}
.vertical .gmk-lightbox-image, .square .gmk-lightbox-image {height: 100%; width: auto;}
.gmk-lightbox-image-image {width: 100%; height: auto; pointer-events: none;}
.vertical .gmk-lightbox-image-image, .square .gmk-lightbox-image-image {height: 100%; width: auto; pointer-events: none;}
.gmk-lightbox-title {color: #fff; width: 100%; text-align: center; padding-top: 15px;}
.gmk-lightbox-item-number {color: #fff; width: 100%; text-align: center; margin-top: 20px;}
.gmk-lightbox-button-next, .gmk-lightbox-button-prev {color: #fff; position: absolute; font-size: 30px; transition: 0.3s ease-in-out;}
.gmk-lightbox-button-next:hover, .gmk-lightbox-button-prev:hover {color: #bf9716; cursor: pointer;}
.gmk-lightbox-button-next {right: 30px;}
.gmk-lightbox-button-prev {left: 30px;}
.gmk-lightbox-navigation {width: 100%; position: absolute; top: 50%; transform: translate(0%,-50%);}
.lightbox-gmk {cursor: pointer;}