:root {
  --lightbox-border-radius:8px;
}

#ajaris-lightbox-loader {z-index:1001;position:fixed;width:100px;height:100px;top:50%;left:50%;transform:translate(-50%,-50%);margin:0px;padding:0px;border:0px;overflow:hidden;background:transparent;}
#ajaris-lightbox-loader .lds-ring {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;}
#ajaris-lightbox-loader .lds-ring div {width:100px;height:100px;border-color:#fff transparent transparent transparent;}
#ajaris-lightbox-loader.dark .lds-ring div {border-color:#aaa transparent transparent transparent;}

#ajaris-lightbox-overlay {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;}
#ajaris-lightbox-container {display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:var(--lightbox-border-radius);box-shadow:0px 0px 20px #777;}
#ajaris-lightbox-container.embedded {position:absolute;top:60px;transform:translateX(-50%);}
#ajaris-lightbox-media-wrapper, #ajaris-lightbox-glass {position:absolute;top:0px;left:0px;width:0px;height:0px;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;cursor:default;}
#ajaris-lightbox-media-wrapper {border-top-left-radius:var(--lightbox-border-radius);border-top-right-radius:var(--lightbox-border-radius);overflow:hidden;}
#ajaris-lightbox-glass {background:transparent;}
#ajaris-lightbox-close-box {position:absolute;top:-22px;right:-22px;box-sizing:border-box;padding:0px;width:30px;height:30px;background:transparent url(img/close.png) no-repeat center;cursor:pointer;z-index:10000;}
#ajaris-lightbox-close-box:hover {background:transparent url(img/close-hover.png) no-repeat center;}
#ajaris-lightbox-media-zoomer-wrapper {position:absolute;top:0px;left:0px;}
#ajaris-lightbox-media-wrapper, #ajaris-lightbox-media-zoomer-wrapper {-webkit-transform: translateZ(0);}
#ajaris-lightbox-overlay, #ajaris-lightbox-container {z-index:1000;}
#ajaris-lightbox-media.notavailable {display:flex;flex-direction: column;align-self:center;justify-content:center;box-sizing:border-box;background:#333;text-align:center;}
#ajaris-lightbox-media.notavailable > div {color:#ddd;font-size:35px;font-weight:normal;font-family:sans-serif;}

#ajaris-lightbox-media {
	-webkit-transform:translateZ(0);
	border-radius:inherit;
	overflow:hidden;
}
#ajaris-lightbox-media iframe.pdfjs {
	width:100%;
	height:100%;
	-webkit-transform:translateZ(0);
	padding:0px;
	box-sizing:border-box;
	border-radius:inherit;
	overflow:hidden;
}

#ajaris-lightbox-bottom {
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif;
	font-weight:normal;font-size:14px;text-align:left;
	color: #444;
	line-height: 1.2em;
	background:#fff;
	width:100%;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:8px;
	box-sizing:border-box;
	overflow:hidden;
	border-bottom-left-radius:var(--lightbox-border-radius);
	border-bottom-right-radius:var(--lightbox-border-radius);
}


#ajaris-lightbox-bottom.nobottom {
	padding:0px;
}
#ajaris-lightbox-media-wrapper.nobottom {
	border-bottom-left-radius:var(--lightbox-border-radius);
	border-bottom-right-radius:var(--lightbox-border-radius);
}


#ajaris-lightbox-bottom div.text-overflow {padding:0px;overflow-x:hidden;overflow-y:auto;}
#ajaris-lightbox-bottom div.text-overflow .text {overflow-wrap:break-word;}

#ajaris-lightbox-pager {
	display:none;
	position:absolute;
	top:-30px;
	left:50%;
	transform:translateX(-50%);
	padding:0px;
	height:30px;
	line-height:30px;
	color:#fff;
	text-shadow:2px 2px 4px #313131;
	z-index:10000;
	font-size:16px;
	font-weight:bold;
	font-family:sans-serif;
	text-align:center;
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	white-space:nowrap;
}

#ajaris-lightbox-media-wrapper .location-rect, #ajaris-lightbox-glass .location-rect {display:none;position:absolute;background:transparent;width:16px;height:16px;cursor:default;border:2px solid rgba(255,255,255,0);box-sizing:border-box;}
#ajaris-lightbox-media-wrapper .location-rect:hover, #ajaris-lightbox-glass .location-rect:hover {border:2px double rgba(255,255,255,0.7);box-shadow:0px 0px 1px #333;-webkit-box-shadow:0px 0px 1px #333;-moz-box-shadow:0px 0px 1px #333;}

#ajaris-lightbox-gif-rewind {
	display:none;
	position:absolute;
	right:8px;bottom:8px;height:36px;width:36px;padding:0px;
	background-color:#313131;
	background-color:rgba(0,0,0,0.6);
	background-image: url(img/ic_refresh_white_36.png);
	background-position: center center;
	background-repeat: none;
	-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;
	cursor:pointer;
}
#ajaris-lightbox-gif-rewind.rewinding {
	opacity:0.8;
	cursor:default;
    -webkit-animation-name:ajaris_lightbox_gif_rewind_rotate;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;-webkit-animation-timing-function:linear;
    -moz-animation-name:ajaris_lightbox_gif_rewind_rotate;-moz-animation-duration:2s;-moz-animation-iteration-count:infinite;-moz-animation-timing-function:linear;
    animation-name:ajaris_lightbox_gif_rewind_rotate;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;
}
@-webkit-keyframes ajaris_lightbox_gif_rewind_rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes ajaris_lightbox_gif_rewind_rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}
@keyframes ajaris_lightbox_gif_rewind_rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

#ajaris-lightbox-prev, #ajaris-lightbox-next {
	display:none;
	height:40px;width:40px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition: all 200ms ease-in;
	-webkit-transform: scale(1); 
	-ms-transition: all 200ms ease-in;
	-ms-transform: scale(1); 
	-moz-transition: all 200ms ease-in;
	-moz-transform: scale(1);
	transition: all 200ms ease-in;
	transform: scale(1);
	background-color: transparent;
	border:0px;
	position:fixed;
	background-color:rgba(0,0,0,0.5);
	z-index:1000000;
	border-radius:100%;
	top:50%;
	margin-top:-30px;
	background-size:12px 24px !important;
}

#ajaris-lightbox-prev.embedded, #ajaris-lightbox-next.embedded {position:absolute;}
#ajaris-lightbox-next {right:10px;background-image:url(img/next-white.png);}
#ajaris-lightbox-prev {left:10px;background-image: url(img/prev-white.png);}
#ajaris-lightbox-prev:hover {transform:translateX(-2px);background-color:rgba(0,0,0,1);}
#ajaris-lightbox-next:hover {transform:translateX(2px);background-color:rgba(0,0,0,1);}
#ajaris-lightbox-prev:active {transform:scale(0.9);background-color:rgba(0,0,0,0.5);}
#ajaris-lightbox-next:active {transform:scale(0.9);background-color:rgba(0,0,0,0.5);}

#ajaris-lightbox-icons {position:absolute;top:10px;right:10px;width:24px;height:100%;display:flex;flex-direction: column;}
#ajaris-lightbox-cart, #ajaris-lightbox-fav {box-sizing:border-box;background-position:center center;background-repeat:no-repeat;cursor:pointer;transition: transform .15s ease;border:0;width:24px;height:24px;}
#ajaris-lightbox-cart:hover, #ajaris-lightbox-fav:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .15s ease;
    transition: transform .15s ease,-webkit-transform .15s ease;
}

#ajaris-lightbox-cart {background-image: url(img/icon-cart-black-128.png);background-size:22px 22px;}
#ajaris-lightbox-cart.in { background-image: url(img/icon-cart-checked-black-128.png);}
#ajaris-lightbox-fav {background-image:url(img/icon-heart-dark-outline.svg);background-size:20px 20px;}
#ajaris-lightbox-fav.in { background-image: url(img/icon-heart-dark.svg);}

#ajaris-lightbox-progress.lds-ring {display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2px;width:100px;height:100px;}
#ajaris-lightbox-progress.lds-ring div {width:100px;height:100px;}