:root { --cb-button-bg-color: rgba(0,0,0,.7); }

.cb-lightbox { -webkit-backface-visibility: visible; backface-visibility: visible; color: #fff; -webkit-transform: translateZ(0px); transform: translateZ(0px); position: fixed; font: 14px/1.2 arial; left: 0px; top: 0px; bottom: 0; width: 100%; z-index: 9999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.cb-lightbox-overlay { background: rgba(0, 0, 0, 0.85); -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: inherit; transition-duration: inherit; -webkit-transition-property: opacity; transition-property: opacity; width: 100%; height: 100%; position: absolute; }

.cb-lightbox-content { width: 100%; height: 100%; position: absolute; left: 0; right: 0; }

.cb-lightbox-close { background-color: var(--cb-button-bg-color); width: 50px; height: 50px; position: fixed; top: 0px; right: 0px; float: right; overflow: hidden; cursor: pointer; z-index: 20; }
.cb-lightbox-close:after { content: ""; width: 20px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); }
.cb-lightbox-close:before { content: ""; width: 20px; height: 2px; background: #fff; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); }
.cb-lightbox-no-touch .cb-lightbox-close:hover { opacity: 1; }

.cb-lightbox-slides { position: absolute; width: 100%; height: 100%; overflow: hidden; z-index: 1; }

.cb-lightbox-slide { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; position: absolute; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; }
.cb-lightbox-slide.cb-lightbox-slide-current { z-index: 2; }
.cb-lightbox-slide.cb-lightbox-image-hide .cb-lightbox-image { opacity: 0.01; }

.cb-lightbox-slide-image { -webkit-transition-property: opacity, -webkit-transform; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform-origin: top left; transform-origin: top left; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #000; position: absolute; top: 0; left: 0; width: auto; height: auto; }
.cb-lightbox-is-zoomed .cb-lightbox-slide-image { -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.cb-lightbox-image { display: block; max-width: 100%; max-height: 100%; z-index: 1; }

.cb-lightbox-image-placeholder { z-index: 2; }

.cb-lightbox-image-placeholder, .cb-lightbox-image { border: 0; padding: 0; margin: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cb-lightbox-is-loading .cb-lightbox-loading { display: block; }

.cb-lightbox-arrow { background-color: var(--cb-button-bg-color); position: fixed; top: 50%; width: 50px; height: 50px; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; }
.cb-lightbox-arrow span { border: solid #fff; border-width: 0 3px 3px 0; display: inline-block; padding: 2px; display: block; height: 10px; width: 10px; margin-top: -8px; position: absolute; top: 50%; -webkit-transition: all 250ms ease; transition: all 250ms ease; }
.cb-lightbox-no-touch .cb-lightbox-arrow:hover { opacity: 1.0; }

.cb-lightbox-arrow--disabled { opacity: 0; visibility: hidden; }

.cb-lightbox-arrow--inside { position: absolute; top: 0; height: 100%; }

.cb-lightbox-arrow-prev { left: 0px; }
.cb-lightbox-arrow-prev span { left: 20px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.cb-lightbox-arrow-next { right: 0px; }
.cb-lightbox-arrow-next span { right: 20px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

#cb-loading-image { margin-top: 15px; position: relative; left: 70px; }

.cb-lightbox-info { position: fixed; bottom: 0; left: 0; right: 0; z-index: 10; }
.cb-lightbox-slide .cb-lightbox-info { -webkit-transform: translateY(100%); transform: translateY(100%); }
.cb-lightbox-info .cb-lightbox-caption { -webkit-transform: translateX(-50%); transform: translateX(-50%); padding: 15px 90px; text-align: center; min-width: 300px; position: relative; left: 50%; }

.cb-lightbox-slide-with-caption .cb-lightbox-caption { -webkit-transform: translateY(100%); transform: translateY(100%); position: absolute; bottom: 0; left: 0; width: 100%; padding-top: 10px; }

.cb-lightbox-counter { padding: 15px 20px; position: absolute; right: 0; bottom: 0; }

.cb-lightbox-lock { overflow: visible !important; }
.cb-lightbox-lock body { overflow: hidden; height: 100%; }

.dragarea { position: fixed; width: 100%; height: 100%; }

.cb-lightbox-draggable { cursor: -webkit-zoom-in; cursor: zoom-in; }

.cb-lightbox-iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.cb-lightbox-error { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; background: #fff; padding: 50px; }

.cb-lightbox-slide-previews, .cb-lightbox-slide-next { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

/*--Start Animation--*/
.cb-lightbox-loading { pointer-events: none; position: relative; top: 100px; width: 50px; height: 50px; margin: 0px auto; display: none; text-align: center; z-index: 98; position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 10; }

.cb-lightbox-loading-animation { display: inline-block; width: 100%; height: 100%; position: relative; }
.cb-lightbox-loading-animation:before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; border-radius: 50%; border: 5px solid #fff; border-color: #fff transparent #fff transparent; -webkit-animation: dual-ring .8s linear infinite; animation: dual-ring .8s linear infinite; position: absolute; top: 50%; left: 50%; z-index: 1; }
.cb-lightbox-loading-animation:after { content: ""; border-radius: 50%; border: 5px solid rgba(128, 128, 128, 0.4); width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

@-webkit-keyframes dual-ring { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } }

@keyframes dual-ring { 0% { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg); }
  100% { -webkit-transform: translate(-50%, -50%) rotate(360deg); transform: translate(-50%, -50%) rotate(360deg); } }
.cb-lightbox__zoomMap { overflow: hidden; position: absolute; top: 0; left: 0; z-index: 10; }
.cb-lightbox__zoomMap img { display: block; max-width: 200px; max-height: 200px; width: auto; height: auto; }

.cb-lightbox__zoomMap-handle { border: 1px solid rgba(255, 255, 255, 0.7); outline: 300px solid rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cb-lightbox-run-zoom .cb-lightbox__zoomMap-handle { -webkit-transition: width 250ms ease, height 250ms ease, top 250ms ease, left 250ms ease; transition: width 250ms ease, height 250ms ease, top 250ms ease, left 250ms ease; }

.cb-lightbox__zoomButtons { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: 50px; top: 0; z-index: 20; }

.cb-lightbox__zoomButton { background-color: var(--cb-button-bg-color); width: 50px; height: 50px; color: #fff; -webkit-transition: opacity 250ms; transition: opacity 250ms; }
.cb-lightbox-no-touch .cb-lightbox__zoomButton:not(.cb-lightbox__zoomButton--disabled):hover { opacity: 0.6; }

.cb-lightbox__zoomButton--in, .cb-lightbox__zoomButton--out { position: relative; cursor: pointer; }
.cb-lightbox__zoomButton--in:after, .cb-lightbox__zoomButton--out:after { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; }

.cb-lightbox__zoomButton--disabled { cursor: default; opacity: .5; }

.cb-lightbox__zoomButton--in:before { content: ''; background-color: #fff; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 2px; height: 18px; display: block; }
.cb-lightbox__zoomButton--in:after { content: ''; background-color: #fff; width: 18px; height: 2px; display: block; }

.cb-lightbox__zoomButton--out:after { content: ''; background-color: #fff; width: 18px; height: 2px; display: block; }

.cb-lightbox-slide-dragging-zoommap { -webkit-transition: -webkit-transform 75ms; transition: -webkit-transform 75ms; transition: transform 75ms; transition: transform 75ms, -webkit-transform 75ms; }

.cb-lightbox-arrow, .cb-lightbox-close { -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; }
.cb-lightbox-no-touch .cb-lightbox-arrow:hover, .cb-lightbox-no-touch .cb-lightbox-close:hover { opacity: 0.6; }

.cb-lightbox-init-transitions .cb-lightbox-overlay, .cb-lightbox-init-transitions .cb-lightbox-error, .cb-lightbox-init-transitions .cb-lightbox-arrow, .cb-lightbox-init-transitions .cb-lightbox-close, .cb-lightbox-init-transitions .cb-lightbox-info, .cb-lightbox-init-transitions .cb-lightbox__zoomButtons, .cb-lightbox-init-transitions .cb-lightbox__zoomMap { -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-property: visibility, opacity; transition-property: visibility, opacity; -webkit-transition-duration: inherit; transition-duration: inherit; }

.cb-lightbox.cb-lightbox-init-opening .cb-lightbox-overlay, .cb-lightbox.cb-lightbox-init-opening .cb-lightbox-error, .cb-lightbox.cb-lightbox-init-opening .cb-lightbox-close, .cb-lightbox.cb-lightbox-init-opening .cb-lightbox__zoomButtons, .cb-lightbox.cb-lightbox-init-opening .cb-lightbox__zoomMap, .cb-lightbox.cb-lightbox-init-opening .cb-lightbox-info, .cb-lightbox.cb-lightbox-init-opening .cb-lightbox-arrow { opacity: 0; visibility: hidden; }

.cb-lightbox.cb-lightbox-init-closing .cb-lightbox-overlay, .cb-lightbox.cb-lightbox-init-closing .cb-lightbox-error, .cb-lightbox.cb-lightbox-init-closing .cb-lightbox-close, .cb-lightbox.cb-lightbox-init-closing .cb-lightbox__zoomButtons, .cb-lightbox.cb-lightbox-init-closing .cb-lightbox__zoomMap, .cb-lightbox.cb-lightbox-init-closing .cb-lightbox-info, .cb-lightbox.cb-lightbox-init-closing .cb-lightbox-arrow, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox-overlay, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox-error, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox-close, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox__zoomButtons, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox__zoomMap, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox-info, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox-arrow { opacity: 1; visibility: visible; }
.cb-lightbox.cb-lightbox-init-closing .cb-lightbox__zoomButton, .cb-lightbox.cb-lightbox-run-opening .cb-lightbox__zoomButton { pointer-events: none; }

.cb-lightbox.cb-lightbox-run-closing .cb-lightbox-overlay, .cb-lightbox.cb-lightbox-run-closing .cb-lightbox-error, .cb-lightbox.cb-lightbox-run-closing .cb-lightbox-close, .cb-lightbox.cb-lightbox-run-closing .cb-lightbox__zoomButtons, .cb-lightbox.cb-lightbox-run-closing .cb-lightbox__zoomMap, .cb-lightbox.cb-lightbox-run-closing .cb-lightbox-info, .cb-lightbox.cb-lightbox-run-closing .cb-lightbox-arrow { opacity: 0 !important; visibility: hidden !important; }
.cb-lightbox.cb-lightbox-run-closing .cb-lightbox__zoomButton { pointer-events: none; }

.cb-lightbox.cb-lightbox-init-opening .cb-lightbox-slide > .cb-lightbox-caption, .cb-lightbox.cb-lightbox-init-closing .cb-lightbox-slide > .cb-lightbox-caption { visibility: hidden; }

.cb-lightbox-is-zoomed .cb-lightbox-arrow, .cb-lightbox-is-zoomed .cb-lightbox-info, .cb-lightbox-is-zoomed .cb-lightbox-caption { display: none; }
.cb-lightbox-is-zoomed .cb-lightbox-slide-draggable { cursor: grab; cursor: -webkit-grab; }
.cb-lightbox-is-zoomed.cb-lightbox-is-grabbing .cb-lightbox-slide-draggable { cursor: grabbing; cursor: -webkit-grabbing; }

.cb-lightbox-is-iframe .cb-lightbox__zoomMap, .cb-lightbox-is-iframe .cb-lightbox__zoomButtons { display: none; }
.cb-lightbox-is-video .cb-lightbox__zoomMap, .cb-lightbox-is-video .cb-lightbox__zoomButtons { display: none; }

.cb-lightbox--slide-dragging .cb-lightbox-close, .cb-lightbox--slide-dragging .cb-lightbox__zoomButtons { pointer-events: none; }

@media screen and (max-width: 768px) { .cb-lightbox-lock { padding-right: 0; } }