body.imagelightbox-open div.topLine, body.imagelightbox-open header, body.imagelightbox-open nav, body.imagelightbox-open div.content, body.imagelightbox-open footer, body.imagelightbox-open div.bottomPanel {
    filter: blur(10px);
}
body#itemCard.imagelightbox-open:before {
    content: "";
    display: block;
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100vh;
    background-color: #333;
}
#imagelightbox{background-color:#fff;cursor:pointer;position:fixed;z-index:10000;top:50%;-ms-touch-action:none;touch-action:none;-webkit-box-shadow:0 0 3.125em rgba(0,0,0,.75);box-shadow:0 0 3.125em rgba(0,0,0,.75);border-radius: 4px;}.imagelightbox-open{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.imagelightbox-loading,.imagelightbox-loading div{border-radius:9999px}.imagelightbox-loading{background-color:rgba(130,130,130,.8);position:fixed;z-index:10003;top:50%;left:50%;padding:.65em;margin:-1.3em 0 0 -1.3em;-webkit-box-shadow:0 0 2.5em rgba(130,130,130,.6);box-shadow:0 0 2.5em rgba(130,130,130,.6)}.imagelightbox-loading div{width:1.3em;height:1.3em;background-color:#fff;-webkit-animation:imagelightbox-loading .5s ease infinite;animation:imagelightbox-loading .5s ease infinite}@-webkit-keyframes imagelightbox-loading{from{opacity:.5;-webkit-transform:scale(.75);transform:scale(.75)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.75);transform:scale(.75)}}@keyframes imagelightbox-loading{from{opacity:.5;-webkit-transform:scale(.75);transform:scale(.75)}50%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:.5;-webkit-transform:scale(.75);transform:scale(.75)}}.imagelightbox-overlay{background-color:rgba(30,30,30,.9);position:fixed;z-index:9998;top:0;right:0;bottom:0;left:0}.imagelightbox-close{border:none;cursor:pointer;width:3em;height:3em;background-color:rgba(130,130,130,.8);position:fixed;z-index:10002;top:2.5em;right:2.5em;border-radius:50%;-webkit-transition:color .3s ease;transition:color .3s ease}.imagelightbox-close:hover{background-color:#111}.imagelightbox-close:after,.imagelightbox-close:before{width:2px;background-color:#fff;content:'';position:absolute;top:20%;bottom:20%;left:50%;margin-left:-1px}.imagelightbox-close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.imagelightbox-close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.imagelightbox-caption{text-align:center;color:#fff;background-color:#666;position:fixed;z-index:10001;left:0;right:0;bottom:0;padding:.625em;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.imagelightbox-nav{background-color:rgba(0,0,0,.5);position:fixed;z-index:10001;left:50%;bottom:3.75em;padding:.313em;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);border-radius:20px}.imagelightbox-nav a{position:relative;top:.2em;width:1em;height:1em;border:1px solid #fff;display:inline-block;margin:0 .313em;border-radius:50%}.imagelightbox-nav .active{-webkit-animation:fade-in .45s linear;animation:fade-in .45s linear;background-color:#fff}.imagelightbox-navitem:active{background:grey}
.imagelightbox-arrow{
    border: none;
    border-radius: 50%;
    cursor: pointer;
    width: 4em;
    height: 4em;
    background-color: rgba(80, 80, 80, 0.8);
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    padding: 0;
    margin-top: -3.75em;
}
div.imagelightbox-wrapper:before {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 10;
    content: "";
    display: block;
    width: 36px;
    height: 36px;
    background-color: rgb(159 159 159 / 35%);
    background-image: url('../img/ui/close.svg');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    border-radius: 200px;
    cursor: pointer;
}
.imagelightbox-arrow:hover{background-color:rgba(0,0,0,.75)}
.imagelightbox-arrow:active{background-color:#111}
.imagelightbox-arrow-left {
	left: 7%;
    background-image: url('../img/ui/triangle-arrow-left.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
   background-position: 14px 16px;
    box-shadow: 0px -1px #191919;
}
.imagelightbox-arrow-right {
	right: 7%;
    background-image: url('../img/ui/triangle-arrow-right.svg');
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 18px 16px;
    box-shadow: 0px -1px #191919;	
}
.imagelightbox-arrow-left:hover,.imagelightbox-arrow-right:hover {
	background-color:#458aab;
}
.imagelightbox-arrow-right:before{border-right:none;border-left-color:#fff;margin-left:.2em}.imagelightbox-arrow,.imagelightbox-close,.imagelightbox-loading,.imagelightbox-nav,.imagelightbox-overlay{-webkit-animation:fade-in .25s linear;animation:fade-in .25s linear}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@media only screen and (max-width:41.250em){#container{width:100%}.imagelightbox-close{top:1.25em;right:1.25em}.imagelightbox-arrow{width:2.5em;height:3.75em;margin-top:-1.875em}.imagelightbox-arrow-left{left:1.25em}.imagelightbox-arrow-right{right:1.25em}}@media only screen and (max-width:20em){.imagelightbox-arrow-left{left:0}.imagelightbox-arrow-right{right:0}}

@media (min-width:641px) {
    img#imagelightbox {
        position: fixed;
        left: calc(50% - 300px) !important;
        right: calc(50% - 300px) !important;        
        min-width: 600px;
        min-height: 600px;
        margin: auto;
    }
}
@media (max-width:640px) {
	.imagelightbox-arrow-left,.imagelightbox-arrow-right {
		background-color:rgba(0,0,0,0);
		box-shadow:none;
	}
	button.imagelightbox-arrow.imagelightbox-arrow-left, button.imagelightbox-arrow.imagelightbox-arrow-right {
		background-position: 7px 7px;
	}
	button.imagelightbox-arrow.imagelightbox-arrow-left, button.imagelightbox-arrow.imagelightbox-arrow-right {
		border-radius: 0;
		margin-top: -15px;
	}
	.imagelightbox-arrow-left:hover, .imagelightbox-arrow-right:hover {
		background-color: rgba(0,0,0,0);
		opacity: 0.8;
	}	
}