.lg-backdrop {
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2040
}

.lg-outer {
    z-index: 2050
}

.lg-actions .lg-prev {
    left: 9%;
    background: url("../images/prev-light-gallery.png");
    background-size: cover
}

.lg-actions .lg-prev:after, .lg-actions .lg-next:before {
    content: ''
}

.lg-actions .lg-next {
    right: 9%;
    background: url("../images/next-light-gallery.png");
    background-size: cover
}

.lg-actions .lg-next, .lg-actions .lg-prev {
    background-color: transparent;
    width: 35px;
    height: 67px
}

.lg-outer .lg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.lg-outer .lg-thumb-outer {
    background-color: transparent;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    height: 170px !important;
    padding: 40px
}

.lg-outer .lg-thumb-item {
    border-radius: 0;
    border: 2px solid transparent
}

.lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
    border-color: #fff
}

.lg-outer .lg-thumb {
    margin: auto !important
}

.lg-outer .lg-toogle-thumb {
    display: none
}

.lg-toolbar.group {
    background-color: transparent;
    opacity: 1 !important
}

.lg-toolbar.group * {
    display: none
}

.lg-toolbar.group #lg-counter {
    display: none
}

.lg-toolbar .lg-close {
    position: absolute;
    top: 7%;
    right: 7%;
    display: block !important;
    background: url("../images/close-icon-gallery.png") no-repeat center;
    background-size: 24px;
    opacity: .8
}

.lg-toolbar .lg-close:hover {
    opacity: 1
}

.lg-toolbar .lg-close:after {
    content: ''
}