@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 only screen and (max-width: 767px) {
    .lum-lightbox-inner {top:3%;right:3%;bottom:3%;left:3%}
    .lum-gallery-button:after {width:30px;height:30px;}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
    .lum-lightbox-inner {top:120px;right:4%;bottom:4%;left:4%}
    .lum-gallery-button:after {width:36px;height:36px;}
}


@media only screen and (min-width: 1025px) {
    .lum-lightbox-inner {top:160px;right:5%;bottom:5%;left:5%}
    .lum-gallery-button:after {width:36px;height:36px;}
}