.Gallery {
    height:600px;
    width:100%;
    background:rgb(231, 207, 167);
    position:relative;
    opacity:0;
    transition:opacity 150ms ease-out;
}
.Gallery.gallery-fullscreen {
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    z-index:6;
}

.Gallery > .close {
    position:fixed;
    right:0;
    top:0;
    z-index:3;
    padding:30px;
    background:url(/naering/gfx/close-black.svg) no-repeat center / 50%;
    cursor:pointer
}
.GallerySlides {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden;
}
.GallerySlides > .image-text {
    position:absolute;
    bottom:0;
    left:0;
    z-index:4;
    padding:10px;
    background:#00000060;
    font-family:Regular;
    font-size:16px;
}
.GallerySlides > .GallerySlide {
    position:absolute;
    width:100%;
    height:100%;
}
.GallerySlides > .GallerySlide > .Image {
    opacity:1!important;
}
.Gallery.gallery-fullscreen > .GallerySlides > .GallerySlide > .Image {
    background-size:contain;
}
.GalleryArrows {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    pointer-events:none;
    display:flex;
    flex-flow:row;
    justify-content: space-between;
    overflow:hidden;
    z-index:3;
}
.GalleryArrows > .GalleryArrow {
    width:150px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content: center;
    pointer-events:all;
    cursor:pointer;
    transition:transform 150ms ease-out 150ms;
}
.GalleryArrows > .GalleryArrow > .Image {
    width:27px;
    height:46px;
    background-size:contain;
}
.GalleryArrows > .GalleryArrow.left-arrow {
    transform:translate3d(-20px, 0, 0)
}
.GalleryArrows > .GalleryArrow.right-arrow {
    transform:translate3d(20px, 0, 0)
}
.GalleryArrows > .GalleryArrow[data-visible='true'] {
    transform:none;
}
.GalleryArrows > .GalleryArrow.left-arrow > .Image {
    transform:rotate(180deg);
}

@media screen and (max-width: 640px) {
    .Gallery {
        height:300px;
    }
    .GalleryArrows > .GalleryArrow {
        width:80px;
    }
    .GalleryArrows > .GalleryArrow > .Image {
        width:20px;
        height:40px;
    }
    .GalleryArrows > .GalleryArrow.left-arrow {
        transform:translate3d(-10px, 0, 0)
    }
    .GalleryArrows > .GalleryArrow.right-arrow {
        transform:translate3d(10px, 0, 0)
    }
}