body.re-projection{overflow:hidden}.projector-canvas{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-100;opacity:0;visibility:hidden;background-size:0;background-repeat:no-repeat;background-position:50%}.projector-canvas *{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.projector-canvas.opened{visibility:visible}.projector-canvas.accent:before,.projector-canvas.dark:before{content:"";display:block;position:fixed;top:-10em;left:-10em;right:-10em;bottom:-10em;z-index:-1;opacity:1;background-color:inherit}.projector-canvas.preload{background-size:43px}.projector-canvas.dark{background-color:#000!important}.projector-canvas.light{background-color:rgba(0,0,0,.3)!important}.projector-canvas.dark img{background-color:#fff}.projector-canvas.light img{background-color:#fff!important}.projector-canvas.opened{z-index:100}.projector-canvas.hide-projection-controls.opened{cursor:none}.projector-canvas.hide-projection-controls.leave-cursor-visible{cursor:auto}.projector-canvas .next-photograph,.projector-canvas .prev-photograph{position:absolute;top:50%;height:70px;width:70px;background:rgba(0,0,0,.89);opacity:.4;z-index:5;transform:translateY(-50%);transition:all .3s}.projector-canvas .next-photograph.invisible,.projector-canvas .prev-photograph.invisible{display:none}.projector-canvas .next-photograph:hover,.projector-canvas .prev-photograph:hover{opacity:.9}.projector-canvas .prev-photograph{left:-35px;border-radius:0 50% 50% 0}.projector-canvas.hide-projection-controls .next-photograph,.projector-canvas.hide-projection-controls .prev-photograph{opacity:0}.projector-canvas .next-photograph{right:-35px;border-radius:50% 0 0 50%}.projector-canvas .next-photograph:after,.projector-canvas .prev-photograph:after{content:"";display:block;position:absolute;top:28px;height:12px;width:12px;border:0 solid transparent;transform:rotate(45deg)}.projector-canvas .prev-photograph:after{border-color:transparent transparent #fff #fff;border-width:0 0 3px 3px;right:12px}.projector-canvas .next-photograph:after{border-color:#fff #fff transparent transparent;border-width:3px 3px 0 0;left:12px}.projector-canvas .close-projection-button{position:absolute;top:0;left:0;height:42px;width:42px;cursor:pointer;background:rgba(0,0,0,.89);opacity:.4;z-index:2;border-width:0 2px 2px 0;overflow:hidden;border-radius:0 0 100%;transition:all .3s}.projector-canvas .close-projection-button.invisible{display:none}.projector-canvas .close-projection-button:hover{opacity:.74}.projector-canvas .close-projection-button:after,.projector-canvas .close-projection-button:before{content:"";display:block;width:auto;height:24px;border-left:3px solid #fff;position:absolute;top:3px;left:14px}.projector-canvas .close-projection-button:before{transform:rotate(45deg)}.projector-canvas .close-projection-button:after{transform:rotate(-45deg)}.projector-canvas.hide-projection-controls .close-projection-button{height:0;width:0;border-width:0}.projector-canvas .settings-projection-cont{position:absolute;top:0;right:0;height:42px;width:42px;background:rgba(0,0,0,.89);opacity:.4;z-index:2;border-width:0 0 2px 2px;overflow:hidden;border-radius:0 0 0 100%;transition:all .3s}.projector-canvas .settings-projection-cont.invisible{display:none}.projector-canvas .settings-projection-cont.opened{width:210px;opacity:.8;overflow:hidden;border-radius:0 0 0 5px}.projector-canvas .settings-projection-cont:hover{opacity:.74}.projector-canvas.hide-projection-controls .settings-projection-cont:not(.opened){opacity:0}.projector-canvas .settings-projection-button{position:absolute;top:0;right:0;height:42px;width:42px;cursor:pointer;background:transparent}.projector-canvas .settings-projection-button:after,.projector-canvas .settings-projection-button:before{content:"";display:block;border:none;background:#ddd;position:absolute;top:4px;right:14px;transition:all .3s}.projector-canvas .settings-projection-cont .settings-projection-button:before{width:3px;height:24px;box-shadow:-8px 0 0 #ddd,8px 0 0 #ddd;border-radius:2px}.projector-canvas .settings-projection-cont .settings-projection-button:after{width:3px;height:3px;top:8px;background:#000;box-shadow:0 0 0 2px #ddd,-8px 14px 0 #000,-8px 14px 0 2px #ddd,8px 7px 0 #000,8px 7px 0 2px #ddd;border-radius:50%}.projector-canvas .settings-projection-cont.opened .settings-projection-button:after,.projector-canvas .settings-projection-cont.opened .settings-projection-button:before{width:3px;height:18px;top:11px;right:20px;background:#ddd;box-shadow:none;border-radius:2px}.projector-canvas .settings-projection-cont.opened .settings-projection-button:before{transform:rotate(45deg)}.projector-canvas .settings-projection-cont.opened .settings-projection-button:after{transform:rotate(-45deg)}.projector-canvas .settings-projection-cont.opened .settings-projection-background-button,.projector-canvas .settings-projection-cont.opened .settings-projection-fullscreen-button{height:25px;width:25px;margin:7px 0 7px 14px;display:inline-block;border:1px solid #bbb;border-radius:3px}.projector-canvas .settings-projection-cont.opened .settings-projection-background-button.spb-light{background:#888}.projector-canvas .settings-projection-cont.opened .settings-projection-background-button.spb-dark{background:#222}.projector-canvas .settings-projection-cont.opened .settings-projection-background-button.spb-accent{background:linear-gradient(90deg,orange,#ff0,green,cyan,blue,violet)}.projector-canvas .settings-projection-cont.opened .settings-projection-fullscreen-button{background:#222;position:relative;border-radius:0}.projector-canvas .settings-projection-cont.opened .settings-projection-fullscreen-button:before{content:"";display:block;position:absolute;height:20%;width:20%;top:40%;left:40%;background:transparent;-ms-box-shadow:-4px -4px 0 0 #222,-5px -5px 0 0 #bbb,4px -4px 0 0 #222,5px -5px 0 0 #bbb,-4px 4px 0 0 #222,-5px 5px 0 0 #bbb,4px 4px 0 0 #222,5px 5px 0 0 #bbb;-o-box-shadow:-4px -4px 0 0 #222,-5px -5px 0 0 #bbb,4px -4px 0 0 #222,5px -5px 0 0 #bbb,-4px 4px 0 0 #222,-5px 5px 0 0 #bbb,4px 4px 0 0 #222,5px 5px 0 0 #bbb;box-shadow:-4px -4px 0 0 #222,-5px -5px 0 0 #bbb,4px -4px 0 0 #222,5px -5px 0 0 #bbb,-4px 4px 0 0 #222,-5px 5px 0 0 #bbb,4px 4px 0 0 #222,5px 5px 0 0 #bbb}.projector-canvas .photograph-exif-info{position:absolute;right:0;bottom:0;min-height:42px;min-width:42px;background:rgba(0,0,0,.89);opacity:.4;z-index:2;border-width:2px 0 0 2px;overflow:hidden;padding:1.1em;border-radius:100% 0 0 0;transition:all .3s}.projector-canvas .photograph-exif-info.invisible{display:none}.projector-canvas .photograph-description-info{position:absolute;bottom:0;width:100%;text-align:left;z-index:1;max-width:calc(100% - 200px);opacity:1;transition:all .3s}.projector-canvas .photograph-description-info.invisible{display:none}.projector-canvas.hide-projection-controls .photograph-description-info,.projector-canvas .photograph-description-info.empty{visibility:hidden;opacity:0}.projector-canvas .photograph-exif-info.opened{width:auto;height:auto;opacity:.8;padding-right:50px;border-radius:5px 0 0 0}.projector-canvas .photograph-exif-info:hover{opacity:.74}.projector-canvas.hide-projection-controls .photograph-exif-info:not(.opened),.projector-canvas .photograph-exif-info.empty{opacity:0;border-radius:100% 0 0 0}.projector-canvas .photograph-description-info,.projector-canvas .photograph-exif-info{font-family:Sans,Open Sans,Trebuchet MS,sans-serif;color:#fff;line-height:1.5;font-size:13px}.projector-canvas .photograph-exif-info:hover{background:rgba(0,0,0,.8)}.projector-canvas .photograph-exif-info-button{position:absolute;bottom:9px;right:5px;height:13px;width:19px;cursor:pointer;background:#fff;z-index:10;transition:all .3s;border-radius:2.7px}.projector-canvas .photograph-exif-info-button:after,.projector-canvas .photograph-exif-info-button:before{content:"";display:block;border:none;background:#171717;position:absolute;border-radius:2px;transition:all .3s}.projector-canvas .photograph-exif-info .photograph-exif-info-button:before{width:.8px;height:11px;bottom:1px;right:14px;border-radius:2px}.projector-canvas .photograph-exif-info .photograph-exif-info-button:after{height:7px;width:7px;right:4px;bottom:3px;border-radius:50%;-ms-box-shadow:0 -6px 0 0 #fff;-o-box-shadow:0 -6px 0 0 #fff;box-shadow:0 -6px 0 0 #fff}.projector-canvas .photograph-exif-info.opened .photograph-exif-info-button{background:transparent}.projector-canvas .photograph-exif-info.opened .photograph-exif-info-button:after,.projector-canvas .photograph-exif-info.opened .photograph-exif-info-button:before{width:3px;height:18px;bottom:0;right:8px;background:#ddd;box-shadow:none;border-radius:2px}.projector-canvas .photograph-exif-info.opened .photograph-exif-info-button:before{transform:rotate(45deg)}.projector-canvas .photograph-exif-info.opened .photograph-exif-info-button:after{transform:rotate(-45deg)}.projector-canvas .photograph-exif-info .exif-info-box{max-width:222px;opacity:0;z-index:-10;font-size:0;transition:all .3s}.projector-canvas .photograph-exif-info.opened .exif-info-box{opacity:1;z-index:1;font-size:9pt}.projector-canvas .photograph-exif-info .exif-info-box .exif-record{font-size:1em}@media (max-width:1023px){.projector-canvas .photograph-exif-info .exif-info-box .exif-record{font-size:.83em}}.projector-canvas .photograph-description-info .description-info-box .photograph-title{display:inline-block;padding:.8em;margin:.8em;line-height:1.55;background:rgba(0,0,0,.5);border-radius:5px}.projector-canvas .photograph-description-info .description-info-box .photograph-title small,.projector-canvas .photograph-description-info .description-info-box .photograph-title strong{display:block}.projector-canvas .photograph-description-info .description-info-box .photograph-title strong{font-weight:700}.projector-canvas .photograph-exif-info .exif-info-box .exif-record em{color:#efefef;display:inline-block;width:2.08em;height:1em;font-style:italic;text-align:right;margin-right:.8em;line-height:1.5;background-repeat:no-repeat;background-position:50%;background-size:contain;position:relative;top:3px}.projector-canvas .photograph-exif-info .exif-info-box .exif-record strong{font-weight:400}.projector-canvas .photograph-exif-info .exif-info-box .exif-record h5{display:inline-block;margin:.1em 0 .9em;font-size:1em;font-weight:700}.projector-canvas .photograph-exif-info .exif-info-box .exif-record kbd{display:block;font-style:italic;margin-bottom:.3em;position:relative}.photograph-title-cont{max-width:422px;margin-left:3em;border-left:1px solid #eee;padding-left:1em}.projector-canvas img{position:absolute;max-width:90%;max-height:90%;top:0;right:0;bottom:0;left:0;margin:auto;opacity:0;padding:4px;background:#f4f4f4;border:1px solid #898989;transform:scale(.95);border-radius:5px;-ms-box-shadow:0 0 8px 1px rgba(0,0,0,.17);-o-box-shadow:0 0 8px 1px rgba(0,0,0,.17);box-shadow:0 0 8px 1px rgba(0,0,0,.17)}.projector-canvas.dark img{max-width:100%;max-height:100%}.projector-canvas.accent img,.projector-canvas.dark img{background:transparent;padding:0;border:none;border-radius:0}.projector-canvas.accent img{-ms-box-shadow:0 0 30px -7px rgba(0,0,0,.3);-o-box-shadow:0 0 30px -7px rgba(0,0,0,.3);box-shadow:0 0 30px -7px rgba(0,0,0,.3)}.projector-canvas.loaded img,.projector-canvas img.in-process-of-swapping{opacity:1;transform:scale(1)}.projector-canvas,.projector-canvas img{transition:all .3s}.projector-canvas.opened:not(.loaded):after,.projector-canvas.opened:not(.loaded):before{content:"";display:block;vertical-align:middle;padding:0;border-radius:50%;position:absolute;top:50%;left:50%;height:50px;width:50px;animation:a linear infinite 1s;box-shadow:inset 0 2px 0 1px hsla(0,0%,100%,.4);z-index:-1;transform:translate(-50%,-50%)}.projector-canvas.opened:not(.loaded):after{animation-duration:2s}@keyframes a{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}