#galleria-loader{height:1px!important}

.galleria-theme-folio {
    position:relative;
    /* font-family:arial,sans-serif; */
    min-height: 18px;
}
.galleria-theme-folio img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
}
.galleria-theme-folio .galleria-stage {
    background:#000;
    top:0; bottom:0; left:0; right:0;
    visibility: hidden;
    position: absolute;
    overflow: hidden;
}

.galleria-theme-folio .galleria-thumbnails {
  -webkit-transition: left 200ms ease-out;
  transition: left 200ms ease-out;
}

.galleria-theme-folio .galleria-thumbnails-container {
  position:absolute;
  left:0;
  right:0;
  top:0;
}

.galleria-theme-folio .galleria-thumbnails-list {
  position: absolute;
  left: 0;
  width: 100%;
}

.galleria-theme-folio .galleria-thumbnails .galleria-image {
    width: 190px;
    height: 120px;
    margin: 0 10px 10px 0;
    position:absolute!important;
    top:0;
    left:0;
    cursor: pointer; /* IE */
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    background:#eee;
}

.galleria-theme-folio.dark .galleria-thumbnails .galleria-image {
    background:#222;
}

.galleria-theme-folio .galleria-loader {
    width:64px;
    height:64px;
    display:none;
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-16px;
    margin-top:-16px;
    background:#000;
}

.galleria-theme-folio .galleria-image-nav-left,
.galleria-theme-folio .galleria-image-nav-right {
    width:100px;
    height:100%;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEQ3OTdGNEIzQUUzMTFFMDlFM0FFM0VEMjBEQjBGNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ3OTdGNEMzQUUzMTFFMDlFM0FFM0VEMjBEQjBGNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RDc5N0Y0OTNBRTMxMUUwOUUzQUUzRUQyMERCMEY1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RDc5N0Y0QTNBRTMxMUUwOUUzQUUzRUQyMERCMEY1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plk8+GQAAATHSURBVHja7JlLTBNbGMdnWqcFpQ2v8LpRLgY0cWOIcaOuFAOlC0jYEZILF9ayZUMCoQvCDuO2UBPCVlgUQnxt0LgjbkzulVxEI6/wuGmpUEpbz1c7k2EyamcY9MD8/8mktPSc/8z85juvfkdMp9MCxI9EAAEQCEAABAIQAIEABEAgAAEQ3AUAgQAEQCAAARAIQAAEAhAAgQAEAhAAgQAEQCAAARAIQAAEAhAIQADkh+aiaKoYO86pDpIz+5rMvh6qDt0L5PVBPE1AJHa4VRByFUGJs+tMIEKsAUIg8lRRYFYUPfu8g+EZCAE4rwVRX1/vDAaDddXV1VcLCgousY8cLperiv53cHCwwl5Su7u7H5eXl//p7u5+v7CwkNQB84VddxJAcgdCzdKFbH+R0cDAgKe3t/e+1+u97nA48nKpP5VK7Ucikbejo6NPWfmougthR4xd+yGA/ByIKxsZGTU0NJybnJxsKC0tvcO+L5nxoWZqc3Nzvr29/RmTGgJFygGAfB+IlI0MJSr6+vr+crvdF63wi8fjn4aHhx9roiXGU7/CExDqKzzym3A4/EdjY2On0+n0WumZTCYjc3NzIb/f/1n1cZSXPsXBUbQqzdTY2FhJU1NTt9UwMtRZnVQ3eeh5I0I0TRX1GTMzMw8kSSo/Se9EIrHe3Nz8UNWncNF08QLEK0fr2tpaY3l5+d1f4b++vv6i;');
}

.galleria-theme-folio .galleria-image-nav-left:hover,
.galleria-theme-folio .galleria-image-nav-left.cur:hover {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEQ3OTdGNEIzQUUzMTFFMDlFM0FFM0VEMjBEQjBGNUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ3OTdGNEMzQUUzMTFFMDlFM0FFM0VEMjBEQjBGNUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RDc5N0Y0OTNBRTMxMUUwOUUzQUUzRUQyMERCMEY1QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RDc5N0Y0QTNBRTMxMUUwOUUzQUUzRUQyMERCMEY1QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plk8+GQAAATHSURBVHja7JlLTBNbGMdnWqcFpQ2v8LpRLgY0cWOIcaOuFAOlC0jYEZILF9ayZUMCoQvCDuO2UBPCVlgUQnxt0LgjbkzulVxEI6/wuGmpUEpbz1c7k2EyamcY9MD8/8mktPSc/8z85juvfkdMp9MCxI9EAAEQCEAABAIQAIEABEAgAAEQ3AUAgQAEQCAAARAIQAAEAhAAgQAEAhAAgQAEQCAAARAIQAAEAhAIQADkh+aiaKoYO86pDpIz+5rMvh6qDt0L5PVBPE1AJHa4VRByFUGJs+tMIEKsAUIg8lRRYFYUPfu8g+EZCAE4rwVRX1/vDAaDddXV1VcLCgousY8cLperiv53cHCwwl5Su7u7H5eXl//p7u5+v7CwkNQB84VddxJAcgdCzdKFbH+R0cDAgKe3t/e+1+u97nA48nKpP5VK7Ucikbejo6NPWfmougthR4xd+yGA/ByIKxsZGTU0NJybnJxsKC0tvcO+L5nxoWZqc3Nzvr29/RmTGgJFygGAfB+IlI0MJSr6+vr+crvdF63wi8fjn4aHhx9roiXGU7/CExDqKzzym3A4/EdjY2On0+n0WumZTCYjc3NzIb/f/1n1cZSXPsXBUbQqzdTY2FhJU1NTt9UwMtRZnVQ3eeh5I0I0TRX1GTMzMw8kSSo/Se9EIrHe3Nz8UNWncNF08QLEK0fr2tpaY3l5+d1f4b++vv6i;');
}

.galleria-theme-folio .galleria-preloader {
    height: 4px;
    width: 180px;
    background: #eee;
    background: rgba(255,255,255,.1);
    position: absolute;
    top: 0;
}

.galleria-theme-folio.center .galleria-preloader {
    left: 50%;
    margin-left: -90px;
}

.galleria-theme-folio .galleria-loaded {
    height: 4px;
    width: 0%;
    background: #444;
    background: rgba(0,0,0,.8);
}


/* Add styles for gallery pagination to ensure proper centering */
.gallery-pagination {
    text-align: center;
    margin: 20px auto;
    padding: 10px;
    max-width: 600px;
    width: 100%;
}

.gallery-pagination a, .gallery-pagination span {
    display: inline-block;
    margin: 0 5px;
    padding: 8px 12px;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.gallery-pagination a {
    background: #333;
    color: white;
}

.gallery-pagination span {
    background: #666;
    color: white;
    cursor: not-allowed;
}

.gallery-pagination .page-info {
    margin: 0 15px;
    font-weight: bold;
    display: inline-block;
}