@keyframes a{
0%{opacity:0}
to{opacity:1}
}
@keyframes b{
0%{transform:scale(.5);opacity:0}
to{transform:scale(1);opacity:1}
}
@keyframes c{
0%{transform:translate(-50%,-50%) rotate(0)}50%{transform:translate(-50%,-50%) rotate(-180deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}
}
@keyframes d{
0%{transform:scale(1)}10%{transform:scale(1.2) translateX(6px)}25%{transform:scale(1.3) translateX(8px)}40%{transform:scale(1.2) translateX(6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(6px)}75%{transform:scale(.7) translateX(8px)}90%{transform:scale(.8) translateX(6px)}to{transform:scale(1)}}@keyframes e{0%{transform:scale(1)}10%{transform:scale(1.2) translateX(-6px)}25%{transform:scale(1.3) translateX(-8px)}40%{transform:scale(1.2) translateX(-6px)}50%{transform:scale(1)}60%{transform:scale(.8) translateX(-6px)}75%{transform:scale(.7) translateX(-8px)}90%{transform:scale(.8) translateX(-6px)}to{transform:scale(1)}
}

.lum-lightbox{background:rgba(0,0,0,.6)}

.lum-lightbox-inner{top:2.5%;right:2.5%;bottom:2.5%;left:2.5%}

.lum-lightbox-inner img{position:relative}

.lum-lightbox-inner .lum-lightbox-caption{margin:0 auto;color:#fff;max-width:700px;text-align:center}

.lum-loading .lum-lightbox-loader{
display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
width:66px;height:20px;animation:c 1.8s linear infinite}

.lum-lightbox-loader:after,.lum-lightbox-loader:before{content:"";
display:block;width:20px;height:20px;position:absolute;top:50%;
margin-top:-10px;border-radius:20px;background:hsla(0,0%,100%,.9)}

.lum-lightbox-loader:before{left:0;animation:d 1.8s linear infinite}

.lum-lightbox-loader:after{right:0;animation:e 1.8s linear infinite;animation-delay:-.9s}

.lum-lightbox.lum-opening{animation:a .18s ease-out}

.lum-lightbox.lum-opening .lum-lightbox-inner{animation:b .18s ease-out}

.lum-lightbox.lum-closing{animation:a .3s ease-in;animation-direction:reverse}

.lum-lightbox.lum-closing .lum-lightbox-inner{animation:b .3s ease-in;animation-direction:reverse}

.lum-img{transition:opacity .12s ease-out}

.lum-loading .lum-img{opacity:0}

.lum-gallery-button{
overflow:hidden;
text-indent:150%;
white-space:nowrap;
background:transparent;
border:0;
margin:0;
padding:0;
outline:0;
position:absolute;
top:50%;
transform:translateY(-50%);
height:100px;
max-height:100%;
width:60px;
cursor:pointer
}

.lum-close-button{position:absolute;right:5px;top:5px;width:32px;height:32px;opacity:.3}

.lum-close-button:hover{opacity:1}

.lum-close-button:after,.lum-close-button:before{
position:absolute;
left:15px;
content:" ";
height:33px;
width:2px;
background-color:#fff}

.lum-close-button:before{transform:rotate(45deg)}

.lum-close-button:after{transform:rotate(-45deg)}

.lum-previous-button{
left:12px}

.lum-next-button{
right:12px}

.lum-gallery-button:after{content:"";
display:block;
position:absolute;
top:50%;
width:36px;
height:36px;
border-top:4px solid hsla(0,0%,100%,.8)}

.lum-previous-button:after{
transform:translateY(-50%) rotate(-45deg);
border-left:4px solid hsla(0,0%,100%,.8);
box-shadow:-2px 0 rgba(0,0,0,.2);
left:12%;
border-radius:3px 0 0 0
}

.lum-next-button:after{
transform:translateY(-50%) rotate(45deg);
border-right:4px solid hsla(0,0%,100%,.8);
box-shadow:2px 0 rgba(0,0,0,.2);
right:12%;
border-radius:0 3px 0 0}

@media (max-width:460px){
.lum-lightbox-image-wrapper{display:flex;overflow:auto;-webkit-overflow-scrolling:touch}
.lum-lightbox-caption{width:100%;position:absolute;bottom:0}
.lum-lightbox-position-helper{margin:auto
}
.lum-lightbox-inner img{
max-width:none;
max-height:none}
}