@font-face {
    font-family: 'lg';
    src: url("/static/frontend/fonts/lg/lg.eot?n1z373");
    src: url("/static/frontend/fonts/lg/lg.eot?#iefixn1z373") format("embedded-opentype"), url("/static/frontend/fonts/lg/lg.woff?n1z373") format("woff"), url("/static/frontend/fonts/lg/lg.ttf?n1z373") format("truetype"), url("/static/frontend/fonts/lg/lg.svg?n1z373#lg") format("svg");
    font-weight: normal;
    font-style: normal;
}

.lg-icon {
    font-family: 'lg';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.inline-gallery-container {
    width: 100%;
    height: 560px;
    position: relative;
}

@media (max-width: 1399px) {
    .inline-gallery-container {
        height: 460px;
    }
}

@media (max-width: 768px) {
    .inline-gallery-container {
        height: 400px;
    }
}


@media (max-width: 575.98px) {
    .inline-gallery-container {
        height: 300px;
    }
}

.lightGallery-captions h4 {
    transform: translate3d(60px, 0, 0px);
}
.lightGallery-captions p {
    transform: translate3d(-60px, 0, 0px);
}
.lightGallery-captions h4,
.lightGallery-captions p {
    opacity: 0;
}

.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p {
    transform: translate3d(0, 0, 0px);
}
.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p {
    opacity: 1;
}

.lg-slide-progress .lightGallery-captions h4 {
    transform: translate3d(-60px, 0, 0px);
}
.lg-slide-progress .lightGallery-captions p {
    transform: translate3d(60px, 0, 0px);
}
.lg-slide-progress .lightGallery-captions h4,
.lg-slide-progress .lightGallery-captions p {
    opacity: 0;
}

.lightGallery-captions h4,
.lightGallery-captions p {
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
}

.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p {
    transition-delay: 500ms;
}
.lg-current.lg-slide-progress .lightGallery-captions h4,
.lg-current.lg-slide-progress .lightGallery-captions p {
    transition-delay: 0ms;
}

.lg-next:hover {
    animation: fw-move-animation .5s ease-out;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: fw-move-animation;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
}
.lg-prev:hover {
    animation: rw-move-animation .5s ease-out;
    animation-duration: 0.5s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
    animation-name: rw-move-animation;
    animation-timeline: auto;
    animation-range-start: normal;
    animation-range-end: normal;
}

.thumb-prev-btn {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.389 44.367' fill='white'%3e%3cg transform='translate%28-1 50.367%29 rotate%28-90%29'%3e%3cpath d='M6,27.511l5.546,5.878L28.184,15.755,44.821,33.389l5.546-5.878L28.184,4Z' transform='translate%280 -3%29'/%3e%3c/g%3e%3c/svg%3e");
    left: 0px;
}


.thumb-next-btn {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29.389 44.367' fill='white'%3e%3cpath d='M6,27.511l5.546,5.878L28.184,15.755,44.821,33.389l5.546-5.878L28.184,4Z' transform='translate%2833.389 -6%29 rotate%2890%29' /%3e%3c/svg%3e");
    right: 0px;
}

.lg-thumb-outer:hover .thumb-prev-btn, .lg-thumb-outer:hover .thumb-next-btn {
    opacity: 1;
}

.thumb-prev-btn, .thumb-next-btn {
    opacity: 0;
    border: 0;
    height: 100%;
    width: 52px;
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.lg-sub-html {
    text-align: left;
    background-color: rgb(0,0,0,0.5);
}